プライベートや仕事で気づいたことやノウハウなどを書き留めるブログです

2011/04/04

CSSで画像の透明度の設定

0 件のコメント
CSSで画像の透明度の設定もできるようだ。
opacityは、CSS3で策定されたものらしいが、最近のブラウザでは
対応しているものが多い。
IEだけはfilterを指定する。

a:hover img{
  filter: alpha( opacity = 70 );
  opacity: 0.7;
}

■IE
  filter: alpha( opacity = 50 );
※opacityとちょっと挙動が異なる。確認してみること。

■CSS3向け、firefox、Chrome、Operaなど
  opacity: 0.5;
※ただし、ブラウザにCSS3が実装されているバージョンに限る。


■firefox専用の-moz-opacityもあるけど使わないかも。
  -moz-opacity: 0.7;


0 件のコメント :

コメントを投稿