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

我的 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 个选择框，每个选择框添加不同的 tyreinfo 类。

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

任何帮助表示赞赏！

首先手动编写html和css来检查CSS是否正常工作，我怀疑这是由IE6的错误CSS实现引起的。

我想你正在 #widget-image 上设置背景图像（完全合理），但 IE6 会将“#widget-image.tyreinfo1”读取为“.tyreinfo1”（完全有缺陷），这意味着 #widget-image 上的定位需要偏爱。你可以尝试

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

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