[B! Opacity][CSS] keijixのブックマーク

ブラウザごとに背景をCSSで半透明にする

CSSを使って背景に画像に対しその上にくる要素を半透明にする方法を紹介します。よく知られていると思いますがあまり知らなかったので残しときます。何となくかっこいいです。どのようになるかというと、中に入る部分のCSSを以下のようにしてあげるだけです。 background-color:#ffffff;filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; 3つ指定していますがブラウザごとに対応が違うためです。各数値は半透明の度合いを表していて数値が高くなるほど透明度は増します。

keijix 2010/10/27

リンク

CSSを利用して背景色を半透明化する方法 | forWEB屋

2010年3月30日2010年4月30日 CSSを利用して、背景色を半透明化する場合は、該当箇所のボックスに関するCSS記述部分で background-color:#ffffff; filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; と記述すればよい。９０と書かれている場所の数字が大きければ大きいほど、透明化の割合は小さくなる。

keijix 2010/03/31

CSS
Opacity

リンク

CSS 各ブラウザの不透明度の指定方法｜web bibo

/* CSS（スタイルシート）に関する知識・テクニックなどの備忘録 */ 文字サイズ大中小現在のページ： HOME » CSSハック・条件分岐 » CSS 各ブラウザの不透明度の指定方法ブラウザごとに不透明度の指定方法が違うのですが、コリスさのページで透明化のスタイルシートについてまとめたものを紹介されていましたので、メモしておきます。不透明度のスタイルシート指定方法 selector { opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ -khtml-opacity: .75; /* Safari 1.x */ -moz-opacity: .75;