html - 将鼠标悬停在图像上时如何防止出现替代文本？

Question

我尝试添加 title="" 但是当我将鼠标悬停在 FF 和 Safari 中的照片上时，我的 alt 文本仍然出现...

还有什么我可以尝试的吗？

这是我的示例页面：

http://ianmartinphotography.com/test-site/wedding-01/

谢谢！

Answer 1

您必须影响 ALT 标签，而不是标题。

您的图像标签如下所示：

<img src="photos/half-moon-bay-wedding/bride-ready-for-wedding.jpg" title="" alt="Bride ready for wedding in black and white." style="position: absolute; display: block; z-index: 0; height: 467px; width: 730px; left: 0px; top: 0px; visibility: visible; zoom: 1; opacity: 1; " height="467" width="730">

这就是给你带来麻烦的原因：

" title="" alt="新娘准备参加黑白婚礼。"

或者说；这就是导致您获得完全预期结果的原因！

Answer 2

这不是alt导致您的问题的属性。如下：

<a href="#slide-0" title="Bride ready for wedding in black and white."><img src="photos/thumbnails/bride-ready-for-wedding.jpg" title="" alt="" style="display: none; position: absolute; z-index: 1; "><img src="photos/half-moon-bay-wedding/bride-ready-for-wedding.jpg" title="" alt="Bride ready for wedding in black and white." style="position: absolute; display: block; z-index: 2; height: 467px; width: 730px; left: 0px; top: 0px; visibility: visible; zoom: 1; opacity: 1; " height="467" width="730"></a>

图像位于锚点内，链接获得title显示的属性。

Answer 3

我假设它与您用于“显示框”的 jQuery 有关，可能是阅读自述文件或其他内容。但是，我在您的代码中注意到了这一点

<img id="slide-0" src="photos/half-moon-bay-wedding/bride-ready-for-wedding.jpg" alt="Bride ready for wedding in black and white." title=" "  /></a> 

你为什么有</a>？没有需要关闭的超链接。

更新 查看您的代码后，我发现了这一行

var caption = $pick(img.get('alt'), img.get('title'), '');

（位于http://ianmartinphotography.com/test-site/wedding-01/js/slideshow.js）尝试删除(img.get('alt'),看看是否有帮助

Answer 4

好的！我的错--我正在使用 Mootools Slideshow2 http://code.google.com/p/slideshow/ 该节目默认打开标题，它将替代文本转换为标题。我只是在 slideshow.js 中将标题从“true”更改为“false”，问题就解决了。我觉得有点傻，我应该马上想到的。感谢大家的关注！