IE-winで透過PNGを利用する方法 - Archiva

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 サンプルは透過PNG。テキストの上に、透明度36%の矩形を重ねてある。IE6とFirefoxでは見え方が違うことが解るだろうか？ 左がIEで見た場合、右がFirefoxで見た場合。バージョン６までのIEはPNGのアルファチャンネル（半透明）に対応していないので、普通に使うと透過部分が灰色っぽくなり、期待はずれな結果に終わる。IE6でも透過PNGを表示するには、次のように記述する。 #overlay { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizi

[persee]

“filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizingMethod="scale");”

[kensuzuk]

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizingMethod="scale");

[kaolly]

alphafilterはスタンドアロンIEに使えず、IE8.jsはバグが多くて手間が増える。地道にcssフィルタかける。

[h-yano]

これは「AlphaImageLoader Filter」という指定。元は「要素」と「要素の背景」の間に画像を配置する指定で、IEの独自拡張。

[ukyou_kuin]

やさしいIE6α表示ガイド

[bugiugi]

ほんとに？

[jamg]

CSSで透過する方法。

[nshash]

ページ背景に透過部分を含む画像をかぶせたい時などにお手軽で重宝します。

[leva]

ページ背景に透過部分を含む画像をかぶせたい時などにお手軽で重宝します。