516
3
ヨモツネット[日記] ≫ CSS ファイルだけで IE 6 の背景に設定した png のアルファチャンネルを有効にする
http://www.yomotsu.net/wp/?p=400 本文へ
（本文から引用）
IE 6 で背景に指定した png のアルファチャンネルを有効にするための JavaScript がいくつかありますが、それとほぼ同じことを CSS のなかで行うコードを書いてみました。この方法を使うことの利点 / 欠点は
利点
JavaScript で背景の png を AlphaImageLoader に置き換える場合はページの読み込み完了後に置き換わるため、一瞬 png の半透明部分がグレーになりますが、この方法はそれがありません。JavaScript で同じことを行う場合は IE のために Web ページで読み込む JavaScript のライブラリを増やさなければいけないかもしれませんが、この方法はそれがありません。背景にする png ファイルへのパスを相対パスで扱えます。
欠点CSS に IE の独自実装を記述するので CSS 自体は Valid ではなくなります。
実際に動作を確認していただくために CSS ファイルだけで IE 6 の背景に設定した png のアルファチャンネルを有効にするためのコードの demo を用意しました。実際に使う場合のコードは例えば、 div.sample{backgrou...
この記事をクリップしたユーザー一覧
みんなのおすすめ商品（Amazon.co.jp）
|
|
|
|
|---|---|---|---|
よつばと! 9 (電撃コミックス)46人がクリックしました
著者：あずま きよひこ |
おおきく振りかぶって Vol.13 (アフタヌーンKC)20人がクリックしました
著者：ひぐち アサ |
のだめカンタービレ #23 (講談社コミックスキス)125人がクリックしました
著者：二ノ宮 知子 |
他にもこんなクリップがオススメ
-
CSSによる段組（マルチカラム）レイアウト講座 本文へ -
W3C - CSS 検証サービス 本文へ
カスケーディングスタイルシート(CSS)を検証 -
スタイルシートリファレンス（目的別） 本文へ
同じサイトでクリップされている記事
-
CSS を使って IE 6 で PNG の半透明を有効にする | ヨモツネット 本文へ
-
書籍などに紹介されていない display : inline-block について 本文へ> # 外側はテキストや img 要素と同様 (行内にレイアウトされる)
> # 内側は display:block が指定されたときと同様
詳しく説明されてていい。 -
Google Chrome を JS で振り分ける : window.chrome | ヨモツネット 本文へwindow.chrome、Google Chrome を JavaScript で判別する
38
130
