WEB制作のメモ帳

衆トップページ -> WEB制作のメモ帳 -> css -> 「CSS」でロールオーバー

「CSS」でロールオーバー

2011-04-22

css

ボタン部分をロールオーバーさせる場合に「オン」と「オフ」で二通りの画像を用意して画像置換する方法を取っているけど一枚でできる方法があったのでメモ

無料ホームページ素材

SOURCE
■XHTML
<a href="sample.html"><img src="btn.jpg" alt="イメージ画像"/></a>

■CSS
a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
}

WEB制作の定番書