0

wordpress テーマの 1 つにjQuery Multi Level CSS Menu #2を使用しています。

しかし、CSS3 box-shadow プロパティをメインの div に追加すると、背景のボックス シャドウのために、メニュー ドロップダウン効果が遅くなり、本来あるべきほど滑らかではなくなります。

しかし、メイン div から CSS3 box-shadow プロパティを削除すると、メニューのドロップダウン効果が完全にスムーズになります。これは私の主なdivです:

#main {  background: #fff; margin-top:20px; margin-bottom:0px; -moz-box-shadow: 0 0 10px #000000;
   -webkit-box-shadow: 0 0 10px #000000;
   box-shadow: 0 0 10px #000000;
}

私は何か間違ったことをしていますか？

4

1 に答える 1

0

アニメーション化された影は、移動するたびに再計算する必要があるため、非常に遅くなります。ドロップシャドウの半径を小さくすると、パフォーマンスが向上します。つまり、次のようになります。

-webkit-box-shadow: 0 0 3px #000000;

しかし、私はドロップシャドウをドロップし (ha!)、代わりに半透明の境界線を使用します:

 border: solid #ccc 10px; /*for older browsers*/
 border: solid rgba(255,255,255,0.3) 10px; /*transparent border*/
于 2011-01-13T13:05:13.667 に答える