0

誰かが新鮮な目を手伝ってくれることを願って、ホバーするとドロップダウンメニュー項目がジャンプするIE7-8の問題を修正しようとして、レンガの壁に頭をぶつけてきました-いくつかの負のマージンルールがホバーに適用されています（醜いブロックの背景と同様に）、これがIE7-8で発生し、他のブラウザーでは発生しない理由がわかりません（IE6でも正しく動作しています！）。app.cssスタイルシートの下部にある私の試みをコメントアウトしました。基本的に、ドロップダウンメニューは、Twitterブートストラップの一部のスタイルをオーバーライドします。これは、app.cssがカスタムスタイルを適用する前に含まれています。

これが[デモリンク][1]です（現時点ではドロップアウトメニューのスタイルのみが問題です。トップレベルのアイテムはあまり読みにくいと思います！）

4

1 に答える 1

3

ホバーの背景は、bootstrap.css行番号6.filterプロパティからのこのコードが原因です。つまり、行番号106 app.cssでグラデーションを適用するために使用されます。すべてのプロパティはオーバーライドされますが、フィルター処理されないため、青い背景があります。 。

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: white;
    text-decoration: none;
    background-color: #08C;
    background-color: #0081C2;
    background-image: -moz-linear-gradient(top,#08C,#0077B3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08C),to(#0077B3));
    background-image: -webkit-linear-gradient(top,#08C,#0077B3);
    background-image: -o-linear-gradient(top,#08C,#0077B3);
    background-image: linear-gradient(to bottom,#08C,#0077B3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
    }
于 2012-09-21T06:23:28.580 に答える