浏览器行为研究-元素的title属性
2010-11-22 17:37
176 查看
元素的title属性常用于提示。但是不同浏览器下title的表现行为是不一样的。
FF,出现title时如果不移动鼠标title提示不会消失,移动鼠标后title消失。消失后再次移动鼠标提示不会再次出现
IE、Safari和Chrome,出现title提示大约5秒后自动消失。IE和Safari中,提示消失后再次移动鼠标提示不会再次出现,Chrome则会再次出现。
总体来说,表现最好的为chrome,最差者为ie。
本地测试浏览器:
IE6~8,FF3.6.12,Chrome7.0, Safari5.0
行为1-显示:
各大浏览器基本上无大差异,鼠标移到元素上后即显示。行为2-消失:
(下面操作行为假设鼠标一直在带title属性的目标元素内部进行)FF,出现title时如果不移动鼠标title提示不会消失,移动鼠标后title消失。消失后再次移动鼠标提示不会再次出现
IE、Safari和Chrome,出现title提示大约5秒后自动消失。IE和Safari中,提示消失后再次移动鼠标提示不会再次出现,Chrome则会再次出现。
行为3-子元素title与父元素title
各大浏览器中,如果子元素title不为空,则子元素的title属性覆盖父元素的title。如果子元素title为空,除IE外其他浏览器自动显示父元素title,IE不会显示父元素的title。总体来说,表现最好的为chrome,最差者为ie。
本地测试浏览器:
IE6~8,FF3.6.12,Chrome7.0, Safari5.0
相关文章推荐
- 元素title属性在不同浏览器下的行为表现
- 元素title属性在不同浏览器下的行为表现
- html基础研究(六)-通过标签子标签开与关、属性、内容以及嵌套来了解段落元素
- 4. 获取浏览器/元素属性
- 给不支持classList的浏览器(ie9以及以下等)的元素添加classList属性
- js中,浏览器中不同元素位置属性解析
- 取得浏览器当前鼠标的X,Y坐标的JavaScript脚本及document元素的一些重要属性
- 网页元素的title属性
- 如何使用Phoenix Framework定制的浏览器录制元素属性
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- IE8浏览器下dom元素不区分name属性大小写问题
- angluarjs监听浏览器变化,使用directive获取dom元素属性
- 兼容浏览器的获取指定元素(elem)的样式属性(name)的方法
- HO3003: IE6 IE7 IE8(Q) 中 IMG 元素的 alt 属性在没有 title 属性的情况下会被当作提示信息使用
- 客户端浏览器爬虫在爬取动态生成的img元素及动态设置src属性的问题
- 各浏览器中 IFRAME 元素的 scrolling 属性与其子页面 HTML 与 BODY 元素 'overflow' 特性的制约关系有差异
- 关于浏览器回退默认行为的研究 回退保存页面状态
- 自定义右键属性覆盖浏览器默认右键行为实现代码
- 对象属性property与元素属性attribute的浏览器支持
- 手写一个关于title属性自定义提示框解决浏览器(IE)不兼容问题