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");} /* 使用时候注意路径正确 */