0

IE7 と IE8 で、ホバーしたときにドロップダウン メニュー項目がジャンプするという奇妙な問題があります。サブメニュー項目にカスケードしているトップ レベルのメニュー項目にホバーすると、いくつかの負のマージン ルールが適用されます。基本的に、ドロップダウン メニューは、app.cssがカスタム スタイルを適用する前に含まれている Twitter ブートストラップのスタイルの一部をオーバーライドしています。

このコードが原因であり、必要な最上位アイテムのスタイリングを失うことなくオーバーライドすることはできないようです:

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

すなわち

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

になります：

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