ロールオーバー画像01
画像をマウスオーバーした祭に、「画像をロールオーバーさせたように見せる」方法
opacityプロバティを使えば可能です。 IE用にはfilterを使い対応しています。
【HTMLの記述】画像はあらかじめ用意しておく
<p>
<a href="リンク先"><img src="画像名" alt="画像名テキスト" height="画像の高さ" width="画像の幅" /></a>
</p>
【CSSの記述】img要素のborderは0に指定しておく
img {
border:0;
}
a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
}
