a:hover img.●●について

質問

お問い合わせフォームの送信ボタンを画像にして、
ロールオーバーイメージ風に画像ボタンにカーソルを
合わせると光るようにしたいのですが、うまくいきません。
ご教示いただけたら、助かります。

【以下cssタグ】
a:hover img.over {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

【以下htmlタグ】
<div class="over">
<p><input type="image" src="http://●●/images/button.gif" alt="送信する" width="177" height="42"></p></div>

回答No.2

tenjin1900 · ベストアンサー

このHTMLタグだとCSSは
.over p input:hover{
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}
なのでは

お礼

ご回答ありがとうございました。
全くご指摘の通りでした。
ご協力感謝します！

回答No.3

coconutcurry

htmlタグにaタグがないのに、cssはaタグに対してhoverを記述していますね、
inputに対してcssを記述しないとダメなのではないでしょうか’。

【html】
<form id="over">
<input type="image" src="http://●●/images/button.gif" alt="送信する" width="177" height="42">
</form>

【css】
form#over input:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

お礼

早いご回答ありがとうございました。
たいへん参考になりました。
ご協力感謝します！

回答No.1

sanzero

cssにあわせるならこんな感じにマークアップしなくてはいけません。

<a href="#"><lmg class="over" src="hogehoge.png"></a>

お礼

早いご回答ありがとうございました。
たいへん参考になりました。
ご協力感謝します！