Question

为了使我的网站符合XHTML标准，我在所有title代码中添加了IMG属性。

但是，当您将鼠标悬停在图像上时，我title属性中的文本会显示为一个小弹出窗口。我不希望该文本可见。

问题：如何在保持title属性存在的同时阻止浏览器将title属性文本显示为弹出窗口？

<img src="..." title="text that gets displayed as a popup but I don't want it to" />

Answer 1

您无需title符合规定，您需要alt。

您所看到的行为是UA对标题的正确实施，因此很难/无法覆盖。

Answer 2

这是特定于浏览器的。有些浏览器选择显示title属性，有些浏览器选择不显示任何内容，有些浏览器甚至选择显示alt属性。虽然最近这种情况在浏览器中变得更加统一，但大多数都倾向于标题属性..

Answer 3

标题是要显示的，如果您想要除了屏幕阅读器之外不显示的图像描述，请使用仅在无法显示图像时显示的alt属性（=＆gt;屏幕阅读器）。

Answer 4

同时使用ALT和TITLE。将好的，有用的文本放在alt标记中，然后在标题标记like so中添加任何内容：

<img src="http://www.google.com/intl/en_ALL/images/logo.gif"o 
     alt="Goooooooogle!"
     title="" />

如果ALT不再“有效”（是吗？！），我建议围绕这种轻微验证烦恼的任何解决方案都会比忽略它更糟糕。

Answer 5

我不认为这是一个很好的解决方案，使用工具提示更好，但如果你设置一个绝对定位的div，背景设置为非常低的不透明度（1％）和更高的z-index，那么你的图片，你不应该得到一个工具提示。

 <img style="position:absolute;
             top:0;left:0;width:200px;height:200px;"
       src="yourImage.gif" alt="the text you don't want to show" 
                           title="the text you don't want to show"/> 
 <div style="position:absolute;
             top:0;left:0;height:200px;width:200px;
             z-index:1000;filter:alpha(opacity=01);
             -moz-opacity:0.01;background-color:gray;">
 </div>

同样，我不建议这样做，但这只是为了表明有一种方法......

Answer 6

这篇帖子已经有一段时间了，但我认为所有那些从Google徘徊的人，这是我的2美分：

alt标记完全有效 - 甚至要求。最后一个解决方案几乎适用于所有浏览器，如果它不起作用，将显示一个没有文本的小矩形工具提示。标题标记会覆盖alt标记并强制显示特定的工具提示。我不知道为什么人们投票反对这一点，认为这是最好的解决方案。

对于那些认为这是一个不好的标记的人：对于一般网站，是的，这不是一个好的做法。然而，这是Web的现代时代，您还必须考虑Web应用程序和非常模糊的一次性情况，考虑到我们必须使用的标记选项，这可能是最佳解决方案。我们都知道web 2.0只有那里。 ;）

建议替代方案：就个人而言，我建议创建一个div大小的图像，并将其背景图像设置为您想要使用的src。无论浏览器如何，这种方式都绝对没有工具提示，而且它完全符合所有要求。如果它是内嵌图像，这将不起作用，但是很少使用内嵌文本的图像而不想要工具提示（链接旁边的图标，例如，一个很棒的工具提示可能是“外部链接”，或者用于mailto：，“发送电子邮件至：”等。）

XHTML，如何不将TITLE属性显示为工具提示

6 个答案: