Html IE6显示错误的背景图像

Im使用YUI选项卡组件并自定义每个选项卡以显示唯一图标，然后在选择选项卡时显示图标的变化

正如我们所知，YUI将“selected”类添加到selected选项卡，我手动添加了“nav xxx”，其中xxx是每个选项卡的选项卡名称

Im使用以下css：

.nav-directory {
    background: url(/images/nav-browse.png) no-repeat scroll 0 0;
    height:34px;
    width:141px;
}

.nav-directory.selected {
    background: url(/images/nav-browse-selected.png) no-repeat scroll 0 0;
}

.nav-admin{
    background: url(/images/nav-admin.png) no-repeat scroll 0 0;
    height:34px;
    width:121px;
}

.nav-admin.selected {
    background: url(/images/nav-admin-selected.png) no-repeat scroll 0 0;
}

这在包括IE8但不是IE6在内的所有浏览器中都能完美工作。选择选项卡时，无论选择哪个选项卡，它都会显示相同的“选定”背景

IE6是否正确支持组合类

我知道不显示页面很难解释，但它是在内部网系统上

---

谢谢

ie6不理解链接类名称，即“.nav admin.selected”在ie中不起作用

---

它将只查看最后一个类名，而忽略其余的类名

啊，非常感谢，我想是的。以前我一直在想IE6的大惊小怪到底是怎么回事。现在我开始明白这到底是多么的垃圾！一个可能的解决方法是使用spriting——将选中和未选中的图像放在一个png中，这样.selected类只会更改背景位置，而不会更改整个png。是的，很好的一个，已将其排序。谢谢那是错误的！IE6在3个类之前理解：.class.class2.class3，不超过3个类。但是，它不知道在某些（大多数）情况下它是否是一个ID，比如：#ID.classIE6不理解两个类。见：