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

众所周知,YUI在所选选项卡中添加了“ selected”类,我手动添加了“ 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不正确支持组合类吗?

我知道很难解释而不显示页面,但是它在Intranet系统上。

谢谢

最佳答案

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

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

关于html - IE6显示错误的背景图片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/1493209/

10-13 01:46