IE6のPNG透過

質問

こんばんは

どなたかわかりましたら押してください。
現在pngの透過をIE6で見れるよう試行錯誤してるのですが、
どうも上手くいきません。

只今こんな感じです。

以下CSS====================

#navi_layer {
width: 100%;
height: 50px;
margin: 0px 0px 10px 0px;
padding: 0px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='絶対パス指定.png',sizingMethod='crop');
background-image: url(絶対パス指定.png);
background-repeat: repeat-x;
}

以上CSS====================

このnavi_layerの背景を透過させて、
その上にイメージを載せようと思っています。

現段階では透過テストだけしているので、
イメージはまだ載せていません。
その状態で透けてくれない状態です。

使用している保存形態はPNG-24です。
IE7やFirefoxでは透過を確認できています。

なのでいけるかと思ったんですが…

どなたか教えてください＞＜
宜しくお願いします。

回答No.1

yossu · ベストアンサー

確かIE6ではpngの透明に対応していなかったと思います。
ので何か方法はないかとちょっとググってみました。

http://www.stylish-style.com/csstec/hi-level/a-png.html
http://archiva.jp/web/html-css/alpha-channel_on_ie.html
http://blog.4galaxy.net/3.html
と色々裏技はあるようです。

お礼

回答ありがとうございます。

色々試してみてpngの透過が成功しました。
ありがとう御座いました。

回答No.4

tenderfeel

AlphaImageLoaderとbackgroundを同時に設定するとbackgroundが優先されます。
質問で書いているソースだと、filter下にあるbackground-imageが表示されているんだと思います。
なので分ければ表示されるんじゃないかと。

#parent > #navi_layer {
background-image: url(絶対パス指定.png);
background-repeat: repeat-x;
}
#navi_layer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='絶対パス指定.png',sizingMethod='crop');
}

お礼

＞filter下にあるbackground-imageが表示されているんだと思います。
＞なので分ければ表示されるんじゃないかと。

回答ありがとう御座います。
まさにその通りでした；

分けてあげることで成功しました！

ありがとう御座いました！

回答No.3

miya_00

＞IE7やFirefoxでは透過を確認できています。
＞なのでいけるかと思ったんですが…

IE7やFirefoxは何も指定していなくても透過する事は出来ます。

出来ないのはIE6なので、そこは勘違いされない方がよいかと思います。

自分はいつもalphafilter.jsを使っています。
ダウンロード、使い方に関しては下記のURLみて下さい。
http://coliss.com/articles/build-websites/verification/92.html/trackback/

alphafilter.jsだとCSSに特殊な記述など一切いらないのでかなり便利ですよ。

お礼

＞IE7やFirefoxは何も指定していなくても透過する事は出来ます。
＞出来ないのはIE6なので、そこは勘違いされない方がよいかと思います。

これは把握してるので大丈夫です。
ちょっと説明の仕方が悪かったですね；
すみません。

とりあえずCSSでの方法は成功したので、
javascriptの方法も覚えておこうと思います。

ありがとう御座いました。

回答No.2

noname#66720

IE6と7で検証されているようですがもしかしてスタンドアローン版ですか？
今手持ちのやつを2種類試してみましたが片方は反応がありませんでした。
反応があったほうのリンクを載せておくので、まだ試されてなければどうぞ。
http://www.my-debugbar.com/wiki/IETester/HomePage

お礼

回答ありがとうございます。

＞スタンドアローン版ですか？

IEにも色々あるんですね＾＾；
でも何とか解決できました！
ありがとう御座いました。