IE6显示错误的背景图像

时间:2009-09-29 15:13:48

标签: html css internet-explorer-6 yui

我使用YUI标签组件并自定义每个标签以显示唯一图标,然后在选中标签时显示图标的变体。

我们知道YUI将“选定”类添加到选定的选项卡,我手动添加了'nav-xxx',其中xxx是每个选项卡的选项卡名称。

我使用以下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不能正确支持组合类吗?

我知道很难在没有显示页面的情况下解释它,而是在内联网系统上。

由于

1 个答案:

答案 0 :(得分:2)

ie6不理解链式类名,即“.nav-admin.selected”在ie中不起作用。

它只会查看最后一个类名并忽略其余的名称。

相关问题