次のコードを使用して、非 JS ナビゲーションを使用しています。
<ol id="navigation">
<li id="home"><a href="#"><img src="./images/nav/home-hover.png" alt="Home" /></li>
...
</ol>
そしてCSS:
#navigation a {
display: block;
height: 25px;
}
#navigation a img {
display: none;
}
#navigation a:hover img {
display: block;
}
#home a {
background: url('./images/nav/home-normal.png') no-repeat;
width: 100px;
}
私の問題は、IE6 ではホバー時に画像が変更されないことです。私は:hover
アンカーで を使用しdisplay
てvisibility
います。
画像の置き換え/プリロードのために大量のJavaScriptを追加する必要がないようにしたいです(jQueryのようなものを埋め込むことはオプションではありません)-誰かが私をここで助けてくれますか?
ありがとう、