CSSのopacityを使う 画像や文字に透明度をつけるためには、 CSSのopacityプロパティを利用します。 ただし、このプロパティはIEに対応していないので、 IE対策用にfilterも指定します。 ●画像を透明度の変化でロールオーバー ・HTML <a href="#"><img src="rollover.gif" class="css-hover" /></a> ・CSS a img.css-hover{ opacity:0.4; filter: alpha(opacity=40); } a:hover img.css-hover{ opacity:1.0; filter: alpha(opacity=100); } ・プレビュー ●文字を透明度の変化でロールオーバー ・HTML <p class="css-hover"><a href="#">ロールオーバー</a></p>
![画像や文字の透明度を利用したロールオーバー](https://cdn-ak-scissors.b.st-hatena.com/image/square/e8928853d3cfdd5dd1ab489c59313e6ee7794a89/height=288;version=1;width=512/https%3A%2F%2Fh2ham.up.seesaa.net%2Fimage%2F20071020_138961.jpg)