CSSで簡単ロールオーバー！透過で。

CSSで簡単ロールオーバーの方法です。

透過するって感じなんですけけどね。

自分はよく使います。


CSS

.div a img{
filter:alpha(opacity=100); /* IE*/
-moz-opacity: 1; /* Firefox*/
opacity: 1; /* SafariやOpera*/
}

.div a:hover img{
filter:alpha(opacity=70); /* IE*/
-moz-opacity: 0.7; /* Firefox*/
opacity: 0.7; /* SafariやOpera*/
}


ホバーのした時70％透過したってことになります。