ホームページ上のナビゲーションバーがチカッと一瞬白くなる現象について。

質問

外部スタイルシートを使ってホームページのナビゲーションバーを作ってみました。

<div id="gnavi">
<ul>
<li><img src="images/navi/side_l.gif" width="11" height="48" /></li>
<li><a href="#" class="n01">ホーム</a></li>
<li><a href="#" class="n02">プロフィール</a></li>
<li><a href="#" class="n03">ワークス</a></li>
<li><a href="#" class="n04">マイブログ</a></li>
<li><a href="#" class="n05">コンタクト</a></li>
<li><img src="images/navi/side_r.gif" width="11" height="48" /></li>
</ul>
</div>

このような感じで、aタグにスタイルをかけて背景画像を入れ替えています。

プレビューではクリックしても正常に動作していましたが、
サーバーにアップしてカーソルを画像の上に持っていくと一瞬画像が消え白くなります。

他にも探してみたら、下のサイトもそうなっています。
http://info.news2u.net/
http://www.gaitame.com/

これはどうしてでしょうか？
何が原因でしょうか？

これでは少し見づらく感じてしまうので
改善したいのですが、何かいい方法はありますか？

WEB制作に携わる方、ご教授いただけたら幸いです。

よろしくお願いいたします。

回答No.1

noname#140925 · ベストアンサー

参考に出されているサイト見ても、別に画像は消えませんが。
貴方のPCの性能が以上に低いか、回線が低速すぎるだけでは？

画像が一瞬消えるって事は、切り替えるための画像をサーバーから取ってくるまでに時間がかかっているので、その間画像が抜けてしまう、って事ですから。

お礼

ありがとうございました。