浏览器行为研究-元素的title属性

元素的title属性常用于提示。但是不同浏览器下title的表现行为是不一样的。

行为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

posted @ 2010-11-22 17:37  Mamboer  阅读(709)  评论(0编辑  收藏  举报