IE6上的removeAttr/addClass问题

Question

这里问了这个问题,但问题没有解决.

请在IE6上看到这个jsfiddle:http://jsfiddle.net/RnsxM/2/

基本上,精灵图像(不是固定的png)将无法在IE6中正确更新.这个类似乎是应用的(并且没有javascript工作)但是combinaison removeAttr + addClass似乎已经破解了.

我试过了 :

• !important css声明
• 使用background-position-x或background-position-y

有人知道解决方法吗？

Answer 1

与脚本无关,这是一个简单的CSS破解.IE6的选择器引擎中的某些东西无法应对在单个样式表上存在两个#id.class相同规则的想法#id.这个较短的例子说明:

<style type="text/css">
    #sprite.pos1 { background: red; }
    #sprite.pos2 { background: yellow; }
</style>
<div id="sprite" class="pos2">Hello</div> <!-- White in IE6! -->

您可以通过将ID和类放在不同的元素上来避免它,或者只是将样式表分成两部分:

<style type="text/css">
    #sprite.pos1 { background: red; }
</style>
<style type="text/css">
    #sprite.pos2 { background: yellow; }
</style>
<div id="sprite" class="pos2">Hello</div>