我使用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不能正确支持组合类吗?
我知道很难在没有显示页面的情况下解释它,而是在内联网系统上。
由于
答案 0 :(得分:2)
ie6不理解链式类名,即“.nav-admin.selected”在ie中不起作用。
它只会查看最后一个类名并忽略其余的名称。