プロが教える店舗&オフィスのセキュリティ対策術

こんにちわ。
photoshopで半透明の画像を作り、
PNG(PNG-24)で保存しました。

それを自分のブログのサイドバーの背景にしたところ、
Macでは半透明で表示されたのに(プラウザはIE)
Winでは半透明で表示されませんでした(ブラウザはIE)

保存の仕方に問題があるのか、
タグに問題があるのか、、、ちなみにスタイルシートには↓↓

background : url("画像のURL") top left repeat;


入力しました。

どなたかアドバイスお願いします!!

A 回答 (6件)

透過色 PNG を 256 色で保存していないと背景色が IE で透過されません。


BMP などから形式を変換したときに問題の起こる場合があります。

…と簡単なところを説明してみたり。お役に立てれば幸いですが…。
    • good
    • 0

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.h …

FedoraCoreのサイトがスタイルシートの基本的な使い方がうまいと思うのでそちらも参考にどうぞ
http://fedora.redhat.com/
上記サイトのCSS
http://fedora.redhat.com/css/layout.css

参考URL:http://www.minc.ne.jp/~konda/new/png/urawaza02.h …
    • good
    • 0

#2で掲示したURLちょっとアクセスするの待って。


ドメインがMicrosoftじゃなくthesourceofallevilなのがちょっと気になっている

http://www.microsoft.com/windows/ie_intl/ja/ie7/ …

の方が安全。
    • good
    • 0

IE7ではPNGの改善されるようなので、待つのも手ですが(下記URL1番目参照)。

ただ今はベータ版で安定していないのでインストールはあまり
お勧めできません。最もほとんどの人は入れていないので公開を前提とするホームページなどには不向きかもしれませんが。

どうしてもと言うときは、下記URL2を参照してください。

参考URL:https://blogs.msdn.com/ie/archive/2005/4/26.aspx …
    • good
    • 0

自信なし。


=======
PNG についてあれこれ
http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/P …

>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.h …

一方、
http://thesource.ofallevil.com/windows/ie_intl/j …

>透過 PNG のサポート
開発者の間で好んで使われているPNG 画像フォーマットのアルファ チャンネル透過がサポートされ、リッチで独創的な Web サイトを簡単に作れるようになりました

IE7で対応するとか何とか。
    • good
    • 0

 IEは透過PNGに対応してないって聞いたことありますよ。


 GIFのライセンス期限も切れて、もう対応させる理由もなくなっちゃいましたしね。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!