[IE6]IE6:hover失效
大家都知道IE6之支持<a>标签的:hover行为了,但是通常在做实际效果的时候<a>标签 :hover在IE6下会失效,
失效一般发生在你想通过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}