RT
hover A元素想显示A元素中的B元素,很常见的场景。不依赖js的情况,会用到hover属性,但是ie6只支持a标签的hover。
so,常见结构:
<a class="opt-el" href="#">
<div class="hide-el"></div>
</a>
.opt-el:hover .hide-el {displau:block;....}
之类的,在ie6下面跪了,原因是 ie6hover的时候需要和之前的状态css有变化,才能出现。
修复:
.opt-el:hover {_zoom:1;}
.opt-el:hover .hide-el {displau:block;....}
就是这么任性
本文介绍了一种解决IE6浏览器中hover伪类兼容性问题的方法,通过简单的CSS技巧实现鼠标悬停效果,适用于不需要JavaScript依赖的场景。
116

被折叠的 条评论
为什么被折叠?



