不工作图片标签的标题属性?

时间:2011-06-27 09:48:36

标签: html firefox

我的申请面临着一些奇怪的问题。我有一张图片

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

发现此代码检查文件withfirebug。

显示正确,但标题不是鼠标悬停在该图像上。在这种情况下,任何人都可以帮助我。

我正在使用firefox 4.0浏览器

4 个答案:

答案 0 :(得分:5)

如果其他人通过搜索找到此帖子,我遇到的问题与原始海报所描述的相同。在我的案例中,这就是原因。

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

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

答案 1 :(得分:2)

是的,它也适合我。

但是,这是正确使用alt和title标签的有用指南:

http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/

答案 2 :(得分:0)

太晚了。但试试这个......这对我有用

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

src标签。 感谢

答案 3 :(得分:0)

我知道我晚会很晚,但是今天(2018年12月)和创建此职位时(2011年6月)的情况截然不同。

如果某人遇到此问题而图像没有显示title=""属性的工具提示,那么请确保您未在​​响应模式下进行测试。

title=""属性显然不起作用,因为浏览器(至少在Firefox和Chrome中)的“响应模式”模拟了触摸屏设备,而title=""属性仅适用于鼠标指针。

是的,我知道你在想什么……