Question

我尝试添加title =“”但是当我将鼠标悬停在FF和Safari中的照片上时，我的替代文字仍会显示...

我还能尝试其他什么吗？

这是我的示例页面：

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/ 该节目默认具有标题，它将alt文本转换为标题。我只是在slideshow.js中将标题从“true”更改为“false”，问题就解决了。我觉得有点傻，我应该立刻想到这一点。感谢大家的关注！

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

4 个答案: