ホーム > WEB制作関係 | css > cssでマウスオーバー時に画像透過にするテクニック

cssでマウスオーバー時に画像透過にするテクニック

CSSでマウスオーバー時に画像を透過するテクニックを載せておきます。
対応ブラウザはIE・Firefox・Opera・Netscape・Safariで同等表示ができます。

a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

IE

alpha(opacity=透明度);

100が100％となる。25％の場合は、25

Firefox・Netscape

-moz-opacity:.透明度;

1.0が100％となる。25％の場合は、.25

Opera・Safari

opacity:透明度;

1.0が100％となる。25％の場合は、.25

CSS3.0からは、opacity:透明度;の設定ですべてのブラウザで表示可能となるようです。


RSS リーダーで購読する

おすすめ記事

ホーム > WEB制作関係 | css > cssでマウスオーバー時に画像透過にするテクニック

PR
プロフィール

arisa（美人）
バナナ銃でばきゅーん☆

名前：arisa

誕生日：1985/10/3

職業：WEBデザイナー（ウェブ屋さん）

ウェブ総合情報を発信しています。 小学校の頃からのWebサイトを作っていたことをきっかけに現在は某IT会社に勤めています。

winとmacの両方を使って更新していきます！ 愛用のMacBook Proは優秀さんです☆

タグクラウド
カテゴリー
facebook
相互リンク
おすすめ
App2U(アップトゥユー) : iphoneやipadのおすすめアプリを続々紹介!
携帯サイトQRコード

WEB総合情報サイト arisa.biz

おすすめ商品
ブログパーツ

あわせて読みたいブログパーツ


ページのトップに戻る