0

我在 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]（目前只有退出菜单样式是问题，我意识到顶级项目不是很清晰！）

4

1 回答 1

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;
}

IE

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

变成：

.navbar .nav > li.dropdown.open > .dropdown-toggle {
于 2012-09-21T10:50:27.117 回答