改善IE6中a与a:hover的背景支持

裸奔的跳蚤 · 发表于 2013-9-21 14:39

在IE6中背景属性加a与a:hover两者的伪类结合，在正常逻辑下为何不起作用？测试这问题存在IE6及以下浏览器，这问题我经常遇到在之前一直采用其它方法取而代之，现在找到了另一种解决。

以导航为例，下面的代码完全符合CSS的逻辑，理论上应该是”a:hove的背景图片”结合”a.nav_1的背景定位” 而得出预想的结果，但IE6却异常地只显示背景图片而没有对上背景坐标Demo（请使用IE6与IE6以上浏览器作对比）。

之前我使用的解决方案是，再经过状态添加对应的选择符。这方法感觉代码显得比较臃肿，而对于代码洁癖的我是比较难接受的Demo。

理论上”a.nav_1″选择符比”a:hover”要高，但我尝试添加!important时测试发现IE6却显示正常Demo。

而测试其它浏览器也无副作用，这次似乎与haslayout无关了，但其产生原因与结果也却让人百思不得其解

就这样第二个方案也随之而产生相比第一种解决方案更显得简洁，有更好的方法希望你能与我分享。

平板小家 · 发表于 2013-9-21 16:18

现在的IE我用着感觉有时也出现问题，但百度一下总能找到像楼主提供的这样的解决办法，还是挺喜欢用IE流览器的。

我大爱 · 发表于 2013-9-22 09:16

在用IE10呢，感觉非常好，速度好快的

独自莫凭阑 · 发表于 2013-9-22 16:38

看着有点晕，怎么全是代码呢，呵呵呵！1

杯酒人生 · 发表于 2013-9-23 12:43

我也学习一下，看起来很实用O(∩_∩)O哈！

雨纷落 · 发表于 2013-9-24 00:27

学习学习吧不学咱更跟不上了~~~~~~~~~~

账号		自动登录	找回密码
密码			立即注册