• 締切済み

透過PNGが透過されない!!

こんにちわ。 photoshopで半透明の画像を作り、 PNG(PNG-24)で保存しました。 それを自分のブログのサイドバーの背景にしたところ、 Macでは半透明で表示されたのに(プラウザはIE) Winでは半透明で表示されませんでした(ブラウザはIE) 保存の仕方に問題があるのか、 タグに問題があるのか、、、ちなみにスタイルシートには↓↓ background : url("画像のURL") top left repeat; と 入力しました。 どなたかアドバイスお願いします!!

みんなの回答

noname#19206
noname#19206
回答No.6

透過色 PNG を 256 色で保存していないと背景色が IE で透過されません。 BMP などから形式を変換したときに問題の起こる場合があります。 …と簡単なところを説明してみたり。お役に立てれば幸いですが…。

回答No.5

IE5.5やIE6では透過PNGはDirectXを使って表示する事が出来ます。 #2の方の紹介のサイトの別ページにもあるのですが 「AlphaImageLoader」機能を利用して .クラス名 { background: url("画像.png") top left repeat; } とは別に .クラス名 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='画像.png'); } とスタイルを指定する事で表示が出来るようになります(DirectXが有効になっている事が条件ですが)。が、全てのブラウザで同一の表示を実現させるためにはハックを使ったりといろいろ面倒かも知れません。 参考↓ http://www.minc.ne.jp/~konda/new/png/urawaza02.html FedoraCoreのサイトがスタイルシートの基本的な使い方がうまいと思うのでそちらも参考にどうぞ http://fedora.redhat.com/ 上記サイトのCSS http://fedora.redhat.com/css/layout.css

参考URL:
http://www.minc.ne.jp/~konda/new/png/urawaza02.html
noname#20377
noname#20377
回答No.4

#2で掲示したURLちょっとアクセスするの待って。 ドメインがMicrosoftじゃなくthesourceofallevilなのがちょっと気になっている http://www.microsoft.com/windows/ie_intl/ja/ie7/default.mspx の方が安全。

  • jikankou
  • ベストアンサー率38% (42/108)
回答No.3

IE7ではPNGの改善されるようなので、待つのも手ですが(下記URL1番目参照)。ただ今はベータ版で安定していないのでインストールはあまり お勧めできません。最もほとんどの人は入れていないので公開を前提とするホームページなどには不向きかもしれませんが。 どうしてもと言うときは、下記URL2を参照してください。

参考URL:
https://blogs.msdn.com/ie/archive/2005/4/26.aspx,http://www.afternooncafe.jp/archives/04_05_27_gear.html
noname#20377
noname#20377
回答No.2

自信なし。 ======= PNG についてあれこれ http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/PNG_descript.html >Internet Explorer (Windows) 3.0 以前ではまったく表示できません。4.0 以降で対応。透過は 1bit のみ。アルファ透過 PNG には IE6 になってもあいかわらず未対応で、半透明な透過部分が灰色になっちゃいます。 >Internet Explorer (MacOS/MacOSX) 5.0 以降で対応。アルファ透過、埋め込みガンマ、プログレッシブ表示など、対応状況も良好。 4.5 以前は表示さえできませんでした。 ================== というわけで対応状況に差があるのが原因と考えられます。 実際にはVMLだとか他の技術を使って擬似的に実現することが多いようです。 http://www.minc.ne.jp/~konda/new/png/urawaza04.html 一方、 http://thesource.ofallevil.com/windows/ie_intl/ja/ie7/default.mspx >透過 PNG のサポート 開発者の間で好んで使われているPNG 画像フォーマットのアルファ チャンネル透過がサポートされ、リッチで独創的な Web サイトを簡単に作れるようになりました IE7で対応するとか何とか。

noname#25358
noname#25358
回答No.1

 IEは透過PNGに対応してないって聞いたことありますよ。  GIFのライセンス期限も切れて、もう対応させる理由もなくなっちゃいましたしね。