图片下的文字，我希望它看不见但我希望能够找到它

Question

如果我有海的照片。 我的网页上有很多图片，我希望能够使用Ctrl-f +＆＃34; sea＆＃34;找到这张特殊的图片。

<div>
<img src=... alt="sea"/>
</div>

我想过将文字放在图片下并使用＆＃34; visibility：hidden;＆＃34;在style属性中。 但问题是我无法用Ctrl-f找到图片。

提前感谢您的帮助。

问候，

大卫

Answer 1

要使用任何背景，您必须使用透明色：

<div>
<img src=... alt="sea"/>
<span style="color:transparent;">your text</span>
</div>

http://jsfiddle.net/Trimax/cVdmc/

Answer 2

这可以通过很多方式轻松完成。我的简单方法是使用z-index。 希望这可以帮助你实现你正在做的任何事情。

检查这个小提琴。 http://jsfiddle.net/mMYG6/

Answer 3

设置文本颜色以匹配它所在的背景颜色。因此，如果您的背景是#FFF，请将文本颜色设置为#FFF。 它将显示，并且可以搜索，并且可以选择，但对用户来说实际上是不可见的，除非他们知道在哪里寻找它。

<div>
<img src=... alt="sea"/>
<span style="color:#FFF">your text</span>
</div>

Answer 4

你可以通过简单的Hack解决这个问题。在任何浏览器中你都可以选择“不加载图像”。 启用该功能，然后在浏览器中搜索。

img标签的

'alt'属性将在未加载图像文件时显示文本。