Mar 02, 2007
ikesai.comでのopacityの使い方
制作をしていればみんな一度は見ていると思う「ikesai.com」。
このサイトでサムネールをマウスオーバーすると画像がロールオーバーするんですが、何気なくソースを見ていたら
a:hover img{opacity:0.6;}
と言う風に記述されてました。
マウスオーバーした時に画像を透過してるんですねー。
これだと画像を２枚作ったり、ロールオーバーのJS書いたりしなくていいのでかなり効率的です。
opacityって実用性ないんじゃないかと思っていたのですが、こんな使い方があるんですね。
今度何かで試してみたいと思います。
※追記です。
opacityの設定はブラウザ依存でした（Opera/Safaiのみ）。
その他のブラウザに対する設定はここに書いてありました。
http://weblibrary.s224.xrea.com/weblog/css/
cat15/iefirefoxoperanetscapesafarics.html
なんにしてもこれは使えます。
yamada ： 9:45 AM
このエントリーのトラックバックURL：
http://www.link-log.net/mt/mt-tb.cgi/702