大家都知道IE6之支持<a>标签的:hover为了,但是通常在做实际效果的时候<a>标签 :hover在IE6下会失效,
看代码:
[code=”html”]
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
http://www.w3.org/1999/xhtml”>
鼠标经过时改变我的颜色
[/code]
在IE6下“颜色”根本就不会变成红色,其他浏览器都是好的,要解决这个问题就必须触发a:hover的layout,例如a:hover { display:inline-block}或者a:hover { zoom:1}等等。
经过测试,就a:hover{zoom:1}而言,a:hover的伪类设置任何的属性都会有效的,不知道为什么,而haslayout被戏称为尺寸臭虫。
我是看了别人的文章的,测试了一下,好像不是haslayout的问题,原因不明。
参看:http://www.blueidea.com/tech/web/2009/6796.asp
愚人兄,其实这问题的解决方案只需要给a标签加个链接就可以解决这个bug了,目前只有IE下不加超链接会失去a标签的:hover.没有超链接就要加个空链接。