CSSで半透明にできるOpacityプロパティとIEでの問題について
ちょっと上手くいって感動したので書きます。今回も番外編で、小ネタです。 ブログのデザインを変更していると、ある要素を透明にしたい時がある。透明にするには、CSSでは次のように設定する。 要素を透明化する CSS プロパティ CSS3 で入ってきたプロパティのようだが、opacity を設定すれば透明化できる。 opacity:0.7; 0 が透明で 1 が不透明、0～1 の値を指定する。 これで Firefox や Chrome では透明化できたのだが、IEでは出来ない。ネットで調べると、IE では Opacity は使えず、filter を使うそうだ。 filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ IEの透明度は0～100の％で指定する。 この他、Firefox や
CSSで透過を実装する - 残像ブログ
背景を透過した半透明なデザインってかっくいーよな！と思ったので実現方法を調べていたのだけど、意外とややこしかったので備忘録としてまとめておく。 なおJavascriptは使わずにCSSのみでの実装を前提とします。 今回は、コンテンツ全体を包むボックス（黒）のみを半透明にして背景画像を透けさせたいとします。 この記事では半透明の実装には以下の3つの方法を考えます Opacityプロパティを使う RGBaで不透明度を指定する 透過PNGを使う この記事でのデモページの動作確認は以下のブラウザで行いました IE8 Firefox3.6 Opera11 Safari4 Chrome13 大変参考にしたページ：第2回 OpacityとRGBa実践テクニック｜gihyo.jp … 技術評論社 Opacityを使う OpacityはCSSで設定できるプロパティで、文字通り対象の要素の透明度を指定できます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
