今回は、簡単なロールオーバーのご紹介です。
私は、本当に良く使うのですが
ロールオーバーにjavascriptなどを使用するのが面倒で
※画像も二つONとOFFを用意しなくてはいけないとか；；
このスタイルシートを使ってのロールオーバーをよくします。
設定は非常に簡単！
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
とスタイルシートに書くだけ＾＾
説明を簡単に書くと
リンクの貼られてあるimgで、マウスポインターが重なったら
画像を70％ほど薄くしなさい。
と言う命令。
これだけで、マウスが重なると画像が薄くなるので
ロールオーバーしているように見えます。
画像を2枚用意するのが面倒だなぁ～とか
javascriptで設定するのも面倒だなぁ～って思ったら
この簡単テクニックを使ってみてもいいのでは＾＾
ではでは！