Question

我对IE7和IE8有一个奇怪的问题，其中下拉菜单项在悬停时跳转 - 一些负边距规则被应用于悬停在顶级菜单项上，这些菜单项级联到子菜单项。基本上，下拉菜单覆盖了Twitter引导程序中的一些样式，这些样式包含在 app.css 应用自定义样式之前。

这段代码是罪魁祸首，我似乎无法覆盖它而不会丢失我需要的顶级项目的样式：

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li.active > a,
.navbar .nav li.dropdown.open > .dropdown-toggle {
    height: 12px;
    margin-top: -10px;
    padding-top: 10px;
}

这是一个[演示链接] [1]（目前只有辍学菜单样式是问题，我意识到顶级项目不是很清晰！）

Answer 1

只需将规则更改为此（基本上在.nav下添加后代选择器）：

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li.active > a,
.navbar .nav > li.dropdown.open > .dropdown-toggle {
    height: 12px;
    margin-top: -10px;
    padding-top: 10px;
}

即

.navbar .nav li.dropdown.open > .dropdown-toggle {

变为：

.navbar .nav > li.dropdown.open > .dropdown-toggle {

CSS规则在IE7和IE8中表现不同

1 个答案: