今天在工作当中遇到的一个小问题,也终于找到我答案,所以想共享这方面的信息。
问题:一般的情况,我们在各个浏览器中总会用到特效,例如: hover。 这个大家用的也比较的多。
但是有一个问题就是我们在IE6中却无法去实现这种效果。
解决方案:
1.结构很重要。一般的情况是,我们必须要有一个<a>标签,这个是关键所在。
2.所以IE6的bug就是如果a 与 a:hover 的css定义是一样的,也就是说如果a:hover 中没有样式的改变, hover 就不会被触发。但如果在a:hover{}增加一些特定的属性,例如:a:hover{border:none;}或者a:hover{padding:0;}又或者a:hover{background: none;}
此时hover就可以触发了。
3.我建议用border:none;