• 締切済み

PNG-24が透過されない

IE 6で透明部分付きのPNG-24形式を表示しているのですが、 透明部分が薄い水色になって透過されません。 QTなどで再生されているのかと思い、プレーヤー関係の プラグインを全て切ってみたのですが、関係ないようです。 どうすればいいのでしょうか、よろしくお願いします。

みんなの回答

noname#19206
noname#19206
回答No.3

> QTなどで再生されているのかと思い、プレーヤー関係の > プラグインを全て切ってみたのですが、関係ないようです。 プラグインの確認は QT 設定から MIME タイプに関する設定を確認して、 どれにチェックが入っているかいないかを確認したほうが早いです。 > 現段階のIE 7でも対応していませんか? 入れてないので現時点での状態はわかりませんが、IE7 は透過PNGをサポートすることになっています。 > PNGの透過を実装しているブラウザはまだ殆どなかったと思います。 24 ビットでも Firefox や Opera ではちゃんと透過される筈ですが…? まぁ、いずれにしろ IE6 以前のことを考えると 8 ビットにしておくのが無難でしょう。

KanjiTalk
質問者

お礼

IE 7 Beta 3 で確認したところ、きちんと透過されました。ありがとうございます。

noname#19206
noname#19206
回答No.2

IE は透過 PNG に一部非対応だったと思います。 確か 24 ビットでは透過されないはずです。8 ビットにしてみてください。

KanjiTalk
質問者

補足

現段階のIE 7でも対応していませんか?

  • PrintScree
  • ベストアンサー率25% (538/2091)
回答No.1

PNGの透過を実装しているブラウザはまだ殆どなかったと思います。

関連するQ&A

  • PNGの透過について

    こんにちは。PNGの透過をしたのですが、透過部分が灰色になってしまい上手く表示されません。 ちなみにブラウザはIE5.0です。 PNGの透過はどのブラウザに対応しているのですか? 教えて下さい。

  • PNGで保存しても透過できない。。

    IE6.0です。PNG-24で透明部分にチェックをいれ、保存しているのですが、どうしても水色の枠が生じます。。 ちなみにGIFで登録するとうまくゆきます。 以前の質問を検索し、No.757662の質問:pngが透明化できない?>win で、回答として ・透過pngにもいろいろあるようですが Windows版のIEの場合 http://www5.plala.or.jp/shinspsy/freesoft/pngedter.htm ではパレット(だったかな?)でないと透過しないみたいです。Netscape6以上なら問題なく透過するようです。 とあり、質問者の方も納得されていましたが、初心者の私には理解することができませんでした;すいませんがどなたかどうすればよいか教えてください。 ちなみに透明の背景の上に切り取った画像を貼り付けてつくりました。

  • 透過PNGの透過部分が灰色に見える

    WebSite用に透過PNGをつくりましたが、IE5.5で表示すると透過される筈の部分が灰色に見えてしまいます。原因などがわかりましたら教えてください。 PNG作成ソフトは、Padie Version35 で、元の画像をPhotoShopLE と PaintShopPro 4.2J で作って、クリップボード経由でPadieに渡しています。 環境は、Windows2000ProSP2+IE5.5SP2です。ネットスケープなど、その他の環境での検証はしていません。 また、ローカルとWeb上のどちらでも同じ症状が現れます。

  • IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか?

    IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか? IE6でpngの透過画像を表示させると、透過になっていませんでした。 FireFoxやサファリは透過になります。 仕方がないので、画像をgifの透過にしましたが、 このようにブラウザによって、gif, jpeg, pngの仕様は異なりますか? もうIE6は見捨てたくなります。

    • ベストアンサー
    • CSS
  • 透過pngとie6について

    ウェブの職業訓練に通っております。 現在課題製作中で、透過pngもしくはcssのアルファ?記述で画像を透明にしようと思っています。 色々調べて、透過pngにさらに opacity:0.7; filter: alpha(opacity=70); /* ie lt 8 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ -moz-opacity:0.7; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.7; /* Safari 1.x */ zoom:1; というcss記述を加えてあります。 また、unitpngfix.jsへのリンクも貼りました。 自分のパソコン(mac,safari)ではどちらもきいていて、透過pngの画像がさらに薄く表示されています。 彼のパソコン(win,IE6.6)で見たところ、どちらかがきいていません。 が、透過はされています。(不透明にはなっていないです。) 結果的には、どっちかがきけばOKなのですが、 この状態で大丈夫でしょうか?全てのブラウザに対応出来ますか? よろしくお願い致します。

    • 締切済み
    • CSS
  • Fireworksで8bitの透過PNGの書出し

    Fireworksで、8bitの透過PNGの書き出しをしたいのですが、 透過させたくない白い部分まで透過してしまい、うまくいきません。 かなりのFireworks初心者で、きれいに書き出す方法をネットで調べてみたのですが、 分からず困っております。 作業詳細 ---------------- 最終的に欲しいデータ : Fireworks形式のPNG(8bit) 作業環境:Windows XP、Fireworks CS3、Photoshop CS3 作業手順: (1)Photoshopにて複数の画像を作成  ドロップシャドウなどを適用している透過画像もあるので、  「Webおよびデバイス用に保存」でPNG-24で書き出します。 (2)作成した画像をFireworksで、ある決まったテンプレート(PNG)にレイアウトします。 (3)書き出し設定  「最適化」WindowにてPNG 8 を選択。    (3)「書き出し」からスライスの書き出しを行います。 ---------------- すると、PNG32では問題なく書き出せるのですが、 PNG 8 の場合は、透過させたくない白い部分まで色が抜けて透過してしまいました。 試しにPNG24で書き出そうとしたところ、今度は透過させたい部分まで透過されなくなり、 スライスの範囲通りに四角い形になってしまいました。 PhotoshopのPNG8ではドロップシャドウの部分などがきれいに透過されないことと、 最終的にFireworkのテンプレートも必要なので、 Photoshopだけで作業は完結できません。 説明が下手で恐縮ですが、 8bitの透過PNG(Fireworks)の書き出し方をお教えいただけますでしょうか。 よろしくお願いいたします。

  • Photo Shop6.0でPNG-24の透過画像を作りたい

    OS windows2000 Photo Shop 6.0 で 画像をweb用に保存するとき、 PNG-24のインターレース画像を作りたいのですが、 この設定で画像を保存して、webに表示した時、透過部分がグレー色になって透過されません。 PNG-8とGIF画像は問題なく透過画像になるのですが、PNG-24はうまくいきません。 ご教授ください。

  • PaintShopPro6.02では透過PNGは?

    PaintShopPro6.02という古いソフトがありますが、png形式で保存してもバックは白になります。 試しに他のフリーソフト、Paint.NETで同様にpngで保存しますと、背景は透過になり、黒地のバックでも画像だけがきちんと表示されます。PaintShopPro6.02では、表示させたい画像の外枠は白い四角に 表示されてしまい、jpgでの保存と変わりがありません。PaintShopPro6.02では背景を透過にした画像は作成できないのでしょうか?もし、同じバージョンのペイントショップをお持ちの方がいたら、教えていただけますでしょうか。宜しくお願いいたします。

  • テーブル背景のpng画像を透過したい

    テーブルの背景に透過部分を含んだpng画像を設定して、その上に文字を載せたいと考えています。簡略化した現在のタグは以下です。  <table>   <tr>   <td background="(png画像URL)">    ここに文字   </td>   </tr>  </table> 通常だとこれで良いのですが、このpng画像は透過部分を含んでいます。(ちなみにpng-24です) WindowsのIE7.0だと正常に透過されるのですが、IE6.0や他のブラウザですと透過部分が青白く浮かび上がってしまいます。 私はIE6.0でも透過されるように表示させたいのです。 欲を言うと、MacのSafariでも透過させたいです。 一方、テーブルの背景に設定していない、普通の画像ですと<img src="">タグを使っているのでCSSを利用して、 <スタイルシート指定部分> .ail { filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.firstChild.src + ", sizingMethod=scale)"); width: expression(this.firstChild.clientWidth+"px"); height: expression(this.firstChild.clientHeight+"px"); } .ail img { visibility: expression("hidden"); } </スタイルシート指定部分> <画像部分>  <span class="ail">  <img src="(png画像URL)">  </span> </画像部分> で透過しているのですが、テーブルの背景に指定した画像では、このタグは使えません。 他にも色々な方法を検索したのですが有効なものが見つからず、、、 そもそも、テーブルの背景に指定したpng画像は透過できないものなんでしょうか…?というところまで考えてしまいます。 もし方法があれば教えて欲しいですが、HTMLで実現不可能な範囲なのならばそれも指摘して欲しいです。 この部分だけクリアできれば、Webサイトも完成します。 切実に宜しくお願いします。

  • 透過指定のPNG8がビット深度32bitとなる理由

    WEB用にIllustratorで作成した画像を,PNG-8形式で背景を透過するように保存したところ下記のようになり,自身でも調べたのですが不明でしたので質問させてください. (使用ソフト:Illustrator(CS4)OS:WIN XP) 1)Illustratorで「WEBおよびデバイス用に保存」→PNG-8形式選択→「透明部分」にチェック→保存 ビットの深さは32bitと表示される(プロパティから確認) 2)透過を指定しないとビット深度は8bitと表示される PNG-24であれば,RGB各8bitとαチャネル8bitで32bitとなるのは理解できるのですが PNG-8では透過を指定しても,ビット深度は8bitなのではないかと思うのです. なぜ,透過指定したPNG-8が,32bitと表示されるのでしょうか. 思い違いもあるかと思うのですが,ご存知の方がいらっしゃいましたら ご教授いただきたくよろしくお願い致します.

専門家に質問してみよう