マウスを会わせた時に違う画像を、うまくいかない。

[新着] Webテンプレートを仮オープンしました

0   名前： css まだ不慣れ ： 2007/02/19（月） 11:25  ID:L1YsQxM1 sub-bK
マウスを会わせた時に違う画像を、ということで設定しましたが、
元の画像が隠れてくれなく重なって見えます。

以下の様に記述してます。よろしくお願いします。

*** css ***********
#icon1 {
float: left;
width: 235px;
background-color: #FFFFFF;
text-align: center;
}

#icon1 a {
width: 100%;
padding: 4px 0 0px 0;
background-color: #FFFFFF;
text-align: center;
}
#icon1 a:hover {
background-image: url(/css/ringo_back.gif);
background-position: center top;
background-color: transparent;
}
*** html ************
<div id="icon1">
<a href="ringo.htm"><img src="/css/ringo.gif" width="100" height="115" alt="ringo"></img></a>
</div>
1   名前： カヅサツ ◆ThCi95HEzw ： 2007/02/19（月） 11:25  ［URL］  ID:O5hEMlpW sub-r2
すいません、状況は大体理解できましたが、それでご質問はなんでしょうか？

リンクにポイントした時/外れた時に、リンク画像を変化させたい、ということであれば CSSではできず(というかオススメできない)、JavaScriptの範疇となりますが。
2   名前： css まだ不慣れ  ： 2007/02/19（月） 11:25  ID:L1YsQxM1 sub-bK
カヅサツ 様　

> CSSではできず(というかオススメできない)、
了解しました。
違う方法を考えてみます、ありがとうございます。
3   名前： 匿名 ： 2007/02/19（月） 11:25  ID:rEkc4Z1y sub-kJ
リンク画像ではなく背景画像ならいけたかも。まあ、アイコンなら img になっちゃうよねえ……。
4   名前： css まだ不慣れ ： 2007/02/19（月） 11:25  ID:L1YsQxM1 sub-bK
匿名様　こんにちは。
現在はimg画像にアクションをつけてます。

#icon1 a:hover {
position: relative; top: 1px; left: 1px;
text-decoration: none;
}


> リンク画像ではなく背景画像ならいけたかも。
img画像を背景画像にする、ということは出来るのでしょうか？。
一覧へ戻る