我的 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 }
但您最好为每个类别设置完整的背景样式。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
