背景上のホバーマウスによるちらつきを置き換える問題について image_html/css_WEB-ITnose

コードは次のとおりです:
.mjs_download{height:260px;width:300px;float:left;border:0px plain #ffff00; background:url(../../images/mjs_landun/download.jpg) no- repeat;float :left;margin:20px 0px 0px 0px;cursor:pointer}

.mjs_download:hover {background:url(../../images/mjs_landun/download_light.jpg);cursor:pointer}

マウスが「別の画像に置換」の上を通過します。ただし、新しい Web ページを開いた後、初めてマウスが通過するたびに、画像が 1 回点滅します。これが、IE が新しい画像をローカルにキャッシュしない理由であるはずです。インターネット上では、IE6 だけがこのようになると言われており、キャッシュを追加するためのコードがいくつか提供されています。しかし、私は高速ブラウザーではなく、高速ブラウザーを使用しています。古いバージョンの IE6 が追加されているかどうかに関係なく、オンラインで言及されているコードはまだ点滅しています。

理由を聞いてもいいですか？ ありがとうございます！

ディスカッションへの返信(解決策)

ところで、方法を思いつきましたが、まずHTMLで2枚の画像を読み込み、2枚目の画像を非表示にしてから2枚目の画像を入れることは可能でしょうか。ホバーイベント? 2枚目の写真が見えるように設定してあります~~~これで大丈夫です。

しかし、ちらつきの問題を解決する方法があるかどうかをまだ尋ねたいです。

案の定、別の div を使用して同じ場所に新しい画像をロードし、style="display:none" を設定すると、ちらつきが止まりました。

2 つの背景画像を 1 つに作成し、background-position を使用して問題を解決できます