Opacityをほとんどのブラウザで使えるようにする

2012-08-22 07:20:06
ロールオーバー用の画像を作るのが面倒な場合に活躍するオパシティー。

a:hover img{
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
数値は「0~100」「0~1」までの間で、数値が低いほど透明度が強くなります。なので、0にすると画像は見えなくなります。
  • 関連タグ:
カテゴリ: CSS