[IE6]IE6:hover失效
2012-07-19 10:47
344 查看
大家都知道IE6之支持<a>标签的:hover行为了,但是通常在做实际效果的时候<a>标签 :hover在IE6下会失效,
失效一般发生在你想通过hover切换a标签内部子标签样式的时候。
看例子:
在IE6下“颜色”根本就不会变成红色,其他浏览器都是好的,要解决这个问题就必须触发a:hover的layout,例如a:hover { display:inline-block}或者a:hover { _zoom:1}
失效一般发生在你想通过hover切换a标签内部子标签样式的时候。
看例子:
<html> <head> <title>无标题文档</title> <style type="text/css"> a:hover { } a:hover span{color:#F00;} </style> </head> <body> <a href="#">鼠标经过时改变我的<span>颜色</span></a> </body> </html>
在IE6下“颜色”根本就不会变成红色,其他浏览器都是好的,要解决这个问题就必须触发a:hover的layout,例如a:hover { display:inline-block}或者a:hover { _zoom:1}
相关文章推荐
- 解决IE6下hover失效问题
- 【css】a:hover 设置上下边框在 ie6 和 ie7 下失效
- ie6 css :hover 和 select遮挡问题、和z-index失效问题
- IE6下伪类hover失效问题及解决办法
- ie6 a hover 属性失效解决办法
- IE6 支持a:hover 失效的问题
- ie6不兼容hover ie6 a hover属性失效解决办法
- IE6中a:hover选择子元素失效
- 又遇到一个ie6下hover失效的问题
- IE6 a:hover失效 原因是haslayout
- haslayout引起的IE6 :hover失效
- li:hover在ie6下失效的解决方案
- haslayout引起的IE6 :hover失效
- IE6下a:hover span失效问题(转载)
- 关于IE6下a标签的a:hover伪类失效的问题
- ie6、ie7下overflow失效
- 列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法
- IE6、7下overflow:hidden失效
- IE FF 支持li:hover,但是ie6不支持,a:hover ul 这种写法是要搭配顶部针对IE6声明用的
- IE6中a标签location.href失效解决方法