防止父元素的"title"属性导致浏览器悬停

Poi*_*nty 5 html javascript title

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

IE的设计者不同意.

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

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

这样的解决方案#1是给"帮助"气球<div>自己的 "头衔"属性,有没有在它(编辑 -我是错误的,这不是什么的称号,这是一个空格字符).除了在IE中,这很好用.现在在IE中,那个空的"title"属性会导致浏览器放置一个小的空白矩形.很有帮助.

我当然可以摆弄Javascript,只是<div>在气球显示的时候从父母那里取出"title"属性,但我很好奇可能的方法来"覆盖"IE中的父元素"title",可以用只有标记.如果不可能,那么哦.

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

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

Poi*_*nty 1

我最终增强了打开/关闭“帮助”气泡的现有代码,以便它沿着父元素链运行,并使用 jQuery“数据”工具存储“标题”代码。当气泡关闭时,标题将恢复。