ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|FROGs note

ホームページ制作に役立つ無料素材やWEBデザインに関する自分のためのメモ帳です。

  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|Frogs note
  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|素材
  • ホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳|本の紹介

 | HOME | 

cssで画像透過をさせ簡単にロールオーバー

◆透過CSS


div#btn a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

【ポイント】
■filter: alpha(opacity=80); ←ie6ブラウザでは適応されません。
■opacity:0.8; これでie6ブラウザでも透過処理されます。
■数字が小さくなるほど透明度が増します。

 | HOME |