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

2012-08-22    35   36

ロールオーバー用の画像を作るのが面倒な場合に活躍するオパシティー。

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

  • 関連タグ:
カテゴリ: CSS

comment 登録なしでご自由にご入力いただけます(^^)ぜひぜひ記事のご感想をお聞かせ下さい。

お名前とコメントは入力必須です。

コメントの文字数が短すぎます。

この内容でコメントを送る
コメントをする
この記事がお役に立てましたら是非シェアのご協力お願いします。