关于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");} /* 使用时候注意路径正确 */
解决方案一: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");} /* 使用时候注意路径正确 */
相关文章推荐
- 关于li:hover伪类,以及各种除了a:hover在IE6下不生效的解决办法.
- JavaScript 解决 IE6 不支持 li:hover 的方法
- IE6不支持li:hover的解决方法
- 关于CSS在IE6以下浏览器不支持:hover伪类的解决方式
- Ul中li如果有浮动会使ul高度塌陷,清楚li浮动的几种解决方法
- li浮动时ul高度为0,解决ul自适应高度的几种方法
- 关于PC中的字体变大的几种解决方法
- 关于OOM的几种解决方法
- 关于css在firefox及IE6中最小高度的解决方法
- 列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法
- li:hover在IE6下的解决办法
- 解决IE6不支持li:hover鼠标经过的效果
- ie6中hover无效的解决方法
- ie6中li插入图片后下方有空隙(经典bug)多种解决方法
- ie6 li间隙问题 使用float属性是出现空白的解决方法
- RSA 加密解密 关于javax.crypto.BadPaddingException: Blocktype错误的几种解决方法
- 关于如何让li居中的解决方法
- csshover.htc 以及简单使用方法(解决IE6下 :hover 在其他标签下无效问题)
- IE6.0 不支持LI:HOVER的解决方法
- 关于classview中类的消失----几种解决方法