javascript – 防止父元素的“title”属性导致浏览器悬停

前端之家收集整理的这篇文章主要介绍了javascript – 防止父元素的“title”属性导致浏览器悬停前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

好的浏览器都工作,元素的空“标题属性意味着“不要在这里显示标题天桥”.这是有道理的,因为对于大多数人来说,没有任何东西(编辑 – 或者只是空间角色)的小白色天桥是完全没用的.

IE的设计者不同意.

我的问题是我有一点“这是什么?”网站上涉及绝对定位的< div>的机制包含一个问号的小图形.那< div>有一个“标题属性,问题是“历史橡皮擦按钮’做什么?”当您单击问号时,会弹出一个小“帮助”气泡,您可以阅读该主题. “标题”的概念是,如果用户将鼠标悬停在问号上,他们会看到一个问题(希望是)他们可能想知道的问题.

那么“标题”的问题在于弹出的“帮助”气球位于绝对定位的< div>内.这样它就可以正确地放在页面上.换句话说,绝对定位的< div>只有“position:absolute”,但它允许在“正确”的位置放在页面上而不进行任何偏移计算.因此,“帮助”气球在正确的位置自动排序.但是:父母< div>上的“标题”因为浏览器在气球打开后会弹出它,所以很麻烦.为什么?因为“帮助”气球在词法上包含在外部< div>中,即使外部< div>只是一个小问题,里面有一个问号.

因此,解决方案#1是给出“帮助”气球< div>它自己的“标题属性,其中没有任何内容(编辑 – 我错了;标题中没有任何内容,它是空格字符).除了在IE中,这很好用.现在在IE中,那个空的“title”属性会导致浏览器放置一个小的空白矩形.很有帮助.

我当然可以使用Javascript,只需将父级< div>中的“title”属性取消.气球正在显示,但我很好奇可能的方法来“覆盖”IE中的父元素“标题”,除了标记之外什么都可以做.如果不可能,那么哦.

简单的演示页面http://gutfullofbeer.net/title.html(尝试使用IE 7或8查看小空白框)

编辑 – 哈哈哈 – 当我更改我的代码以便我明确地将所有父元素上的“title”属性置空时,IE会显示一个带有“null”字样的天桥:-)

最佳答案
为什么不将标题分配给问号元素(#qmark)而不是包含div?
所以代替:

这将是

猜你在找的HTML相关文章