cssのアルファチャネル or Opacityによる透明化 (ie含むクロスブラウザ対応 ) - end0tknr's kipple - web写経開発
今更、スタイルシートの透明化まとめ。 クロスブラウザと言いつつt、IE9と、firefox14でのみ動作を見ています。 スタイルシートの透明化にはアルファチャネルとOpacityがあり alpha channelでは指定要素のみ透明化されますが、opacityでは子要素も透明化されてしまします。 firefox 14 IE9 opacityの指定方法 firefoxやchromeは、opacityに対応していますが、IEではIE9も含め、「filter: alpha(opacity=〜)」を指定します。 opacity:0.5; /* 0:透明 , 1:不透明 */ filter: alpha(opacity=50); /* ie 6-7 */ alpha channelの指定方法 firefoxやchromeは、rgba() に対応していますが、IEではIE9も含め、「filter: p
)
2008/9/8 - Microsoft CSS ベンダー拡張
Microsoft CSS ベンダー拡張 更新日: 2008 年 9 月 8 日 本記事は、Internet Explorer 開発チーム ブログ (英語) の翻訳記事です。本記事に含まれる情報は、Internet Explorer 開発チームブログ (英語) が作成された時点の内容であり、製品の仕様や動作内容を保証するものではありません。本記事に含まれる情報の利用については、使用条件をご参照ください。また、本記事掲載時点で、Internet Explorer 開発チーム ブログ (英語) の内容が変更されている場合があります。最新情報については、Internet Explorer 開発チームブログ (英語) をご参照ください。 翻訳元 : Microsoft CSS Vendor Extensions (英語) ご存知かと思いますが、全てのブラウザーは、完全に規定済みのCSS 仕様を部分
09 | 8月 | 2009 | PAOLOG
モコモコつうしん スコティッシュフォールド「モコ」の日々の様子を写真と動画で紹介してます。もうメロメロ♡ ねこと赤ちゃんの初めての遭遇 2015.02.23(Mon.)
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 や
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
