我使用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/