IE6のpng表示についてなのですが、他のブラウザ(FireFox netscape opera)ではなんなく表示されるのですが、IE6ではpng画像の透過に対応していないため、条件付きコメントでIE6用のCSS(ie.css)でcontent.pngを透過しようとしましたが、なぜか透過しないんです。


↓ie.cssのコード
----------------------------------------
#content{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content.png',sizingMethod='scale');
width:810px;
height:504px;
}

↓htmlのコード
----------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
・・省略
<link rel="stylesheet" href="css/import.css" type="text/css" media="screen,print" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
<![endif]-->
</head>

<body>
<div id="wrapper">

<div id="content">





</div>
</div>
</body>
</html>

↓import.cssのbase.cssのコード
----------------------------------------
#content{
background:url("../images/content.png") top no-repeat;
width:810px;
height:504px;
}

----------------------------------------
思いつく範囲でいろいろいじってみたものの、IE6では透過されず、抜けている部分は薄い青になっています。なぜでしょうか(??)よろしくお願いいたします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/03/11 14:42:47
  • 終了:2007/03/11 16:29:16

ベストアンサー

id:jippu No.1

jippu回答回数61ベストアンサー獲得回数42007/03/11 15:03:33

ポイント60pt

IEではフルカラーのpng透過に対応していないようです。

8bitなどのpngなら透過されると思います。

参考

id:yui1983

申し訳ございません。書き忘れです。

ハックを使わず、24bitのpingで透過させることはできないでしょうか?

2007/03/11 16:00:59

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません