FirefoxのCSSドロップダウンメニューが遅い

Question

私のクライアント用の純粋なCSSドロップダウンメニューを作った。ドロップダウンメニューは、メインメニュー項目の背後にある背景イメージを使用します。それはそれ自体であるときのFirefox 3と4では、CSSメニューが目立つ遅れを持っていない：

by itselfドロップダウンメニューは私のクライアントのウェブサイト上でホバー効果内に配置されるのFirefox 3と4では、

メニュー項目には短いラグがあり、ホバー効果はカーソルに追従します。私は、ウェブサイト上のドロップダウンメニューには、それはそれ自体であるときほど速く実行するためにしなければならない何

on website

？

Answer 1

この回答は解決策ではなく、ちょっとした提案です（ただし、コメントのために詳細すぎます）！ 私はFF7しか利用できないので、問題は再現できませんが、関連する場合に備えて、あなたの画像はすべて大きすぎます。

#nav要素のbackground-imageを構成する関連する例であるpictures2/sandHeader.jpgは、その一部しか表示していない場合は、1024 x 768という非常に大きな数値です。ページ上の他のCSS3エフェクトと組み合わせて、メニューを使用するときに遅れが生じるかどうかはわかりません。それをサイズに切り取って、違いがあるかどうか確認してください。

私たちが対象としている間は、すべての画像がブラウザで縮小されています。必要なだけの大きさであれば、帯域幅とローディング時間がはるかに良いでしょう。

自分で見るには、FireFoxのいずれかを右クリックし、 '画像情報を表示'を選択してください。それはあなたにアクツクルのサイズとそれが表示されているものを教えてくれるでしょう。