人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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では透過されず、抜けている部分は薄い青になっています。なぜでしょうか(??)よろしくお願いいたします。

●質問者: yui1983
●カテゴリ:ウェブ制作
✍キーワード:background base CSS firefox HTML
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● jippu
●60ポイント ベストアンサー

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

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

(参考)

◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ