jquery - 类未在 IE6 中使用 addClass() 应用

Question

我的 HTML 中有以下 DIV，其中包含大背景图像:

<div id="widget-image" class="tyreinfo1"></div>

根据选择页面上表单上的哪个选择框，背景图像将滚动到不同的点。这些位置的定义如下:

#widget-image.tyreinfo1 { background-position: 0px -105px }
#widget-image.tyreinfo2 { background-position: 0px -210px }
#widget-image.tyreinfo3 { background-position: 0px -315px }
#widget-image.tyreinfo4 { background-position: 0px -420px }
#widget-image.tyreinfo5 { background-position: 0px -525px }

选择框中的代码是:

onfocus="$('#widget-image').removeClass().addClass('tyreinfo1');"

5 个选择框，每个框添加不同的轮胎信息类。

令人惊讶的是，它在 IE6 中不起作用。我已经使用调试工具栏进行了检查，并且肯定会应用这些类，但是背景位置每次都会重置为 0px 0px。

感谢任何帮助!

Answer 1

先手动编写html和css来检查CSS是否正常工作，我怀疑这是由于IE6的CSS实现有缺陷造成的。

我想你正在#widget-image上设置背景图像(完全合理)，但IE6会将'#widget-image.tyreinfo1'读取为'.tyreinfo1'(完全有缺陷)，这意味着#widget上的定位-图像优先。你可以尝试一下

#widget-image.tyreinfo1 { background-position: 0px -105px !important }

但是您最好为每个类设置完整的背景样式。