您的位置:首页 > 其它

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

2013-12-06 00:00 381 查看
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");} /* 使用时候注意路径正确 */
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: