WEB前端

css ie6不支持 div li p hover的几种解决方法 加csshover.htc下载

位置:首页 > WEB前端 > css教程,2013-12-17
IE6下是不支持li:hover伪类的。但是支持a:hover解决方案一:li改写把li:hover改写成a:hover,对于需要用到li的同学来说,这点就不适

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

解决方案一:li改写

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

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

csshover.htc下载

这样的写法的好处,就是兼容性比较好,不用考虑对应的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文件):
<style> 
body{behavior:url("csshover.htc");} /* 使用时候注意路径正确 */
</style>

TAGS:ie6不支持hovercsshover.htc下载

猜你喜欢

NewHot