0

メニューに取り組んでいcss3ますが、思い通りに動作させることができません。私はこれに慣れていないので、しばらくお待ちください！:-)

私が欲しいもの：

トップ レベルのナビゲーションにカーソルを合わせると、ドロップ ダウンが緩和され、トップ レベルのナビゲーションが 20 ピクセル上にスライドし、トップ レベルのナビゲーションに下の境界線が表示されるようになります。これは基本的にFFで行っていることです。ただし、そうすると、2 段目のナビも同じように扱われます。私はそれをしたくありません。2 段目と 3 段目のナビゲーションには、基本的なホバー オーバー カラーが必要です。すべてのホバー遷移をスムーズにしたいので、そのためにいくつかの css3 も使用しています。

これはどれも IE では機能しません。また、古いブラウザで動作させるためModernizrにポリフィルを使用できることは理解していますが、その方法はわかりません。誰か教えてくれませんか？jscss transitions

これが私のjsfiddle です。あなたが私に与えることができるどんな助けにも感謝します!

4

2 に答える 2

1

これで問題が解決するはずです：

http://jsfiddle.net/NFEt4/

基本的に、サブメニューのスタイルをオーバーライドする何らかの方法が必要でした。ネストされたulの新しいクラスでこれを行いました。

まだお持ちでない場合は、SMACSS (http://smacss.com/) をチェックすることをお勧めします。CSS クラスでより柔軟なアーキテクチャを作成するのに役立つと思います。

modernizr の質問については、別の質問を作成して、十分な回答を得られるようにすることはできますか?

于 2012-08-11T02:32:07.007 に答える
1

私はこれを変更しました：

ul#navigation li a:hover {
color:#acb453;
padding-top:0;
padding-bottom:10px;
border-bottom: 6px solid #4dbaf2;

}

これに：

ul#navigation .topNav > a:hover {
color:#acb453;
padding-top:0;
padding-bottom:10px;
border-bottom: 6px solid #4dbaf2;

}

そして、クラス「topNav」を最上位のナビゲーションに追加しました。topNav クラスの後の子コンビネータは、スタイルを最初のアンカーのみに制限します。フィドルはこちら: http://jsfiddle.net/zwVw/

于 2012-08-11T02:37:36.880 に答える