CSS样式实现鼠标渐变风格
前段时间写了一片关于用css实现鼠标渐变的文章,有朋友提出性能的问题,今天又在网上随意翻了下,发现了一个被忽略的属性:hover,然后测试了下,果然不错,呵呵,而且tr、td、a、li等标记都有这个属性,这个貌似挺好的,也挺方便的,只是好像ie6对处理css的伪类hover的一个bug,找了半天找到了一个处理方法:
在IE7/FF中,鼠标移动到链接上时,”淘你喜欢”字样会变为红色,但IE6则无反应。所以IE6的bug就是如果a 与 a:hover 的css定义是一样的,也就是说如果a:hover 中没有样式的改变,hover就不会被触发。但如果在a:hover{}增加一些特定的属性,例如
a:hover{border:none;}
或者
a:hover{padding:0;}
又或者
a:hover{background: none;}
a:hover{border:none;}
或者
a:hover{padding:0;}
又或者
a:hover{background: none;}