关于li:hover在ie6下的几种解决方法

2013-12-06阅读(3518)评论(0)牵着狗狗看MM

苏州实时公交查询

IE6下是不支持li:hover伪类的。但是支持a:hover

解决方案一:li改写

把li:hover改写成a:hover,对于需要用到li的同学来说,这点就不适应了

解决方案二:对body样式设置一个插件文件

这样的写法的好处,就是兼容性比较好,不用考虑对应的LI写对应的JS,灵活性比较好
下载压缩包文件解压后得到文件“csshover.htc”,
点击下载
为了避免css样式引入“csshover.htc”路径出错,将此文件与css文件放到相同文件夹内。
定义在body样式选择器内“body { behavior:url(“csshover.htc”); }”,可放于样式代码最前面。
这样就大功告成,此网页css样式定义如div:hover、li:hover、p:hover、自定义命名css选择名称(.abc:hover)、img:hover,所定义赋予样式IE6均支持了。
特别特别注意:
要成功需要直接在HTML中加以下代码(HTML文件内直接引入csshover.htc文件):

body{behavior:url("csshover.htc");} /* 使用时候注意路径正确 */
赞(0)
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » 关于li:hover在ie6下的几种解决方法
分享到: 更多 (0)