【たかはしくにこ】パワーストーンで幸せになる活用術

CSSの技術メモを「ＣＳＳ」カテゴリに書いておきます。

マウスオーバー時に、画像の透過度を変更してマウスオーバーしている、

クリックできることを明示させるため、ＣＳＳで画像の透過度を変更してみました。

  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;

CSSソースは以上の３行。

３行とも透過度を２５％に設定しています。

１行目：ＩＥ用、２行目：ＦＦ、ＮＳ用、３行目：Opera、Safari用

画像ファイルをIMGタグで指定して、

<A href="#"><IMG src=""></a>

上記HTMLの場合、

a:hover img{

}

かっこの中に、上記３行を書けばＯＫ。

これ、画像を１つ作成すればいいので、使い勝手けっこういいと思いますよ。

参考にしたのは、

http://weblibrary.s224.xrea.com/weblog/css/cat15/iefirefoxoperanetscapesafarics.html

このブログです。

• 
• 
• ツイート