- ベストアンサー
PNGの透過について
こんにちは。PNGの透過をしたのですが、透過部分が灰色になってしまい上手く表示されません。 ちなみにブラウザはIE5.0です。 PNGの透過はどのブラウザに対応しているのですか？ 教えて下さい。
- koro5
- お礼率92% (175/189)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
一覧表がありますので参照してください。 参考ＵＲＬから、「わかりやすい PNG の話 for Web」→「第 2 章 GIF から PNG への移行」→「透過画像」とたどります。 アルファチャネルに対する対応なんかも書いてあります。 ただし、総合タイトルの上のところに書いてある「猫い頭脳」というのが何なのか、深く考えてはいけないようです(笑)
関連するQ&A
- PNG-24が透過されない
IE 6で透明部分付きのPNG-24形式を表示しているのですが、 透明部分が薄い水色になって透過されません。 QTなどで再生されているのかと思い、プレーヤー関係の プラグインを全て切ってみたのですが、関係ないようです。 どうすればいいのでしょうか、よろしくお願いします。
- 締切済み
- ブラウザ
- IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか？
IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか？ IE6でpngの透過画像を表示させると、透過になっていませんでした。 FireFoxやサファリは透過になります。 仕方がないので、画像をgifの透過にしましたが、 このようにブラウザによって、gif, jpeg, pngの仕様は異なりますか？ もうIE6は見捨てたくなります。
- ベストアンサー
- CSS
- 透過PNGの透過部分が灰色に見える
WebSite用に透過PNGをつくりましたが、IE5.5で表示すると透過される筈の部分が灰色に見えてしまいます。原因などがわかりましたら教えてください。 PNG作成ソフトは、Padie Version35 で、元の画像をPhotoShopLE と PaintShopPro 4.2J で作って、クリップボード経由でPadieに渡しています。 環境は、Windows2000ProSP2+IE5.5SP2です。ネットスケープなど、その他の環境での検証はしていません。 また、ローカルとWeb上のどちらでも同じ症状が現れます。
- ベストアンサー
- その他（インターネット・Webサービス）
- PNGで保存しても透過できない。。
IE6.0です。PNG－24で透明部分にチェックをいれ、保存しているのですが、どうしても水色の枠が生じます。。 ちなみにGIFで登録するとうまくゆきます。 以前の質問を検索し、No.757662の質問：pngが透明化できない？>win で、回答として ・透過pngにもいろいろあるようですが Windows版のIEの場合 http://www5.plala.or.jp/shinspsy/freesoft/pngedter.htm ではパレット(だったかな？)でないと透過しないみたいです。Netscape6以上なら問題なく透過するようです。 とあり、質問者の方も納得されていましたが、初心者の私には理解することができませんでした；すいませんがどなたかどうすればよいか教えてください。 ちなみに透明の背景の上に切り取った画像を貼り付けてつくりました。
- ベストアンサー
- グラフィックソフト
- 透過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
- 透過PNGについて。
OSに入っているペイントのツールバーのハケで落書きをして、拡張子をPNGにしてマイピクチャーに保存しても、落書き以外の白い部分が透過しません、何がわるくて透過しないのでしょうか？、もともとペイントでは透過PNG画像は作れないのでしょうか？。
- 締切済み
- 画像・動画・音楽編集
- テーブル背景の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サイトも完成します。 切実に宜しくお願いします。
- 締切済み
- HTML
- 透過PNGが透過されない!!
こんにちわ。 photoshopで半透明の画像を作り、 PNG(PNG-24)で保存しました。 それを自分のブログのサイドバーの背景にしたところ、 Macでは半透明で表示されたのに(プラウザはIE) Winでは半透明で表示されませんでした(ブラウザはIE) 保存の仕方に問題があるのか、 タグに問題があるのか、、、ちなみにスタイルシートには↓↓ background : url("画像のURL") top left repeat; と 入力しました。 どなたかアドバイスお願いします！！
- 締切済み
- HTML
- Photo Shop6.0でPNG-24の透過画像を作りたい
OS windows2000 Photo Shop 6.0 で 画像をｗｅｂ用に保存するとき、 PNG-24のインターレース画像を作りたいのですが、 この設定で画像を保存して、ｗｅｂに表示した時、透過部分がグレー色になって透過されません。 PNG-８とGIF画像は問題なく透過画像になるのですが、PNG-24はうまくいきません。 ご教授ください。
- ベストアンサー
- グラフィックソフト
- 透過ＰＮＧ画像がおかしい
透過ＰＮＧ画像なのに、編集ソフトでは、背景が真っ黒になっていたり 使えません。 なんとかうまく透過になるようにしたいです。 ソフトが、PNG画像に対応していないためだと思われるのですが、 どうしたらいいですか？
- 締切済み
- その他([技術者向] コンピューター)
お礼
ありがとうございました。 どうしてIE5なのに表示されないのかがわかりました。 まだ難しい事はよく分からないのですが、やり方が違う事はわかりました。 参考にしてみようと思います。