html - 图像标签的 Title 属性不起作用？

Question

我的应用程序遇到了一些奇怪的问题。我有一个图像

<img title="New (Alt+N)" alt="New (Alt+N)" src="images/icon_new.gif" tabindex="-1" id="Ax14490_image">

这段代码是在用firebug检查文档时发现的。

显示正常，但鼠标悬停在该图像上时标题未出现。在这种情况下，任何人都可以帮助我。

我使用的是 firefox 4.0 浏览器

Answer 1

万一其他人通过搜索找到这个线程，我遇到了与原始发帖人描述的相同的问题。就我而言，这就是原因。

我的布局包含两个水平并排放置的 div 对象。一个在左边，一个在右边。左侧 div 的宽度设置为 100%，但由于内部填充，其内容并未覆盖所有空间。右侧的 div 包含未触发任何鼠标事件的 img(包括“title”属性无效，但 onMouseOver 和 onMouseOut 也无效。)

所以这是由于 z 顺序。鼠标事件改为由左侧的 div 对象处理，因为它的 100% 宽度包含整个浏览器窗口。由于左边的 div 有一个“绝对”的“位置”属性，它可以合法地设置它的 z 值，所以我将它的 z 值设置为“-1”。这解决了问题。