css的hover兼容问题

html-css022

css的hover兼容问题,第1张

CSS中的超链接 hover伪类是所有浏览器都支持的,也都是兼容的.但其他标签的伪类不是全部浏览器都支持,IE6就是不支持的,例如tr:hover,在IE6浏览器不支持这种效果。

有疑问可以追问我哦。

这是因你的CSS的写法不规范的原因。

遨游使用的是IE6的内核,所以IE正常遨游也肯定正常。如果我猜不错在IE7,IE8里也会变形。

CSS专业讨论群

84802120

注明来源。。。。授渔不授鱼

可以使用csshover.htc文件。

是国外一名作者写的,用于解决低版本IE不支持a以外的元素使用:hover 、:active 伪类的问题。

简单的说下使用方法:

下载csshover.htc文件至网站目录,然后在CSS文件中引用它就好了。

如:

li:hover {

color:red

behavior:url(csshover.htc)

}

亦或者建立一个标签组来应用它:

div , li , h1 , h2 {

behavior:url(csshover.htc)

}

这样你就不用在每一个需要应用的元素内部写代码了。

建议:

尽量用具体的选择器,避免用*号。建议的写法如下:

#nav ul li ,#sidebar ul li , #page-nav .menu span {

behavior:url(csshover.htc)

}

这样写,可以避免程序历遍整个网页所带来的资源消耗。

推荐中小型网站使用。大型网站谨慎使用,尽可能使用js解决hover兼容问题。

更多的使用方法,可以在网上搜一下,有很多文章可供参考。

文件下载请去原作者网站:http://peterned.home.xs4all.nl/csshover.html