• ベストアンサー

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

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

noname#4643
noname#4643

質問者が選んだベストアンサー

  • ベストアンサー
  • terra5
  • ベストアンサー率34% (574/1662)
回答No.1

IE 5 ではグレースケールの PNG で、透過しない バグがあるそうですから、 まだそのバグが残っているのかも・・・。 情報源は,参考URLです。

参考URL：
http://www3.airnet.ne.jp/enomoto/png/png.htm
noname#4643
質問者

お礼

ありがとうございます。まだ対応していないんですね。 規格が出来てから相当経っていると思うのですが、まだ対応していないとは……。当然対応していると思ったのですが、残念です。サイトに壁紙を使わず、背景色と透過したい部分の色を同じにすることでごまかします。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • PNGの透過について

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

  • ウェブページ上での透過画像

    透過GIFが主流であった昔に比べ、現在は透過PNGやCSSを使ったフィルターなどの新技術が出てきてはいますが、それぞれ実用可能なほど浸透しているのでしょうか？ 不特定多数の人が見るウェブサイトで、IE、Firefox、Safariの３つで正しく表示できるようにしたいと考えています。

  • IE6以前のバージョンでの透過png表示について

    こんにちは。 いくつか同じような質問が出ていますし、IE6以前は透過pngを読まない形式になっていることは知っています。 そしていくつか表示させる方法も掲載されているのを見てはいるのですが、 私の希望に合ったものが探せず困っています。 私自身の環境はMacで、透過は読み込みます。またWindows機も所有していますが、XP proでIEではなくFireFoxを規定のブラウザにしており、透過は問題ありません。 私が持っているブログにて、自作の小さな大小数個の画像（背景透過・本体70%透過）がランダムに上から降ってくるようなjavascriptを組んでいます。 たまたまWindows2000のIE6で見てみたら、透過したはずの画像が全部枠付き、透過無しで、とてもダサくて。 もちろん画像はうっとうしく、記事の文字も相当読みにくい状態でびっくりしてしまいました。 これを解消する方法があれば教えていただきたいのです。 お伝えすることとすれば、 １．表示したいのはレンタルブログ上。（jsファイル等をアップロードってできるのかどうか不明） ２．javascriptで読み込む画像データ（それぞれに大きさ属性指定できない） そんなもの消してしまえばいいじゃん、の一言も有りなのですが、対処法を知っておきたいと思いまして。 簡単なHTMLはわかるレベルです。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 透過pngで作った画像がIE6で表示がおかしいです。いろんな対策をして

    透過pngで作った画像がIE6で表示がおかしいです。いろんな対策をしてみても全然よくなりません・・・ IE6で表示すると透明にしたい部分が薄い灰色になってしまいます。（jQuery系の対策をした場合） 何も対策なしでは透明にしたい部分が真っ黒。。。対策をしてみても画像がつぶれることもあります。 そもそもjQueryでロードした文字列によって動的に画像を書き換えているので対策自体不可能なのでしょうか？ $(key).load(val, function(Text, status) { if ($(key).text() == "A") $(key).replaceWith("<img src='XX.png' width='128' height='29'/>"); else if ($(key).text() == "B") $(key).replaceWith("<img src='YY.png' width='128' height='29'/>"); else if ($(key).text() == "C") $(key).replaceWith("<img src='ZZ.png' width='128' height='29'/>"); });

  • ★★★IE6/PNG画像(NOT背景)透過反映方法について

    【OS】Windws XP HomeEdition 【ブラウザ】InternetExplorer7 【参照URL】http://nowtester.web.fc2.com/tester.html ご覧頂きまして誠に有難う御座います。 皆様のお知恵を貸して頂ければ幸いです。 現在、下記URLの様なHTMLでHPを制作しております。 http://nowtester.web.fc2.com/tester.html 背景画像(back.jpg/画面サイズに対して常に100%表示に伸縮)の上に、 PNG画像(back-trans.png/PNG-24形式)を乗せております。 制作環境がIE7の為、IE7では意図通りの透過画像が表示されますが、 問題となるIE6以前のVer.ですと透過処理が実施されず、 背景画像(赤)の上に透過出来なかった画像が灰色で表示され、 意図通りの画面を表示する事が出来ません。 WEB上で透過画像の実装方法を拝見し試してみましたが、 恐らく私の理解力不足の為上手く実装出来ませんでした。 (試した数が多いので割愛させて頂きます) 現在、IE6をスタンドアローン起動し画面の確認をしていますが、 未だに透過処理に成功しません。 今回皆様にご回答頂きたいのが、現在私が書いているHTMLに、 何かを書き足す形での実装で、 当方の意図に沿った結果が得られるモノ、 具体的なソース/スクリプト等を教えて頂きたいと思っております。 参考サイト様のご紹介だけですと、 また独自の失敗をしてしまいますので、 あくまでも私のソースに実装する方法を示して頂けると幸いです。 以上、何卒よろしくお願い致します。

    • ベストアンサー
    • HTML
  • IE6で透過pngを表示させる方法

    いつもお世話になっています。 マウスオーバーで画像Aの上に画像Bが表示されるというjavascriptを作りました。画像BはAに重なるので、 http://allabout.co.jp/internet/hpcreate/closeup/CU20040510A/ で教えてもらったposition: relative;、position: absolute;のCSSを使って配置し、javascriptでマウスオーバー・アウトさせています。 無事うまくいったのですが、Bが透過pngなので、IE6で表示が乱れます。そこでこちらで似たような質問を検索し、http://www.koikikukan.com/archives/2007/08/14-015513.php のpngfix.jsを使うのだと知りました。 早速ダウンロードし、htmlのheadに <!--[if lt IE 7.]> <script defer type="text/javascript" src="pngfix.js"></script> <![endif]--> を書き、htmlと同じ階層にpngfix.jsをアップロードしましたが、全然ダメでした。何を間違ってるんでしょうか？自分でもしや？と思うことは ・position: relative;、position: absolute;　を使っている ・画像Aの上にBがマウスオーバー・アウトするjavascriptは外部ファイルにしている ・IE6のスタンドアローン版でチェックした(ただこれは正規のIE6を使用している人に見てもらってやはり透過していないと確認済です) 以上です。制作環境はWinXP、Dreamweaver8です。 このpngfix.jsを使用する方法がダメだったらjavascriptで作っている部分をFLASHで作り直すしかないと思っていますが、透過pngはFLASHであればIE6でも表示されるのでしょうか？ 長くなりましたが、お知恵をお貸りできれば助かります！知識がなくすみません…。

    • ベストアンサー
    • CSS
  • Dreamweaverのテンプレートで、コメントアウト部分も反映したい

    Dreamweaverのテンプレートで、コメントアウト部分も反映したいです。 Webデザイナーです。 IE6で透過PNGを使用するために「DD_belatedPNG.js」を使用しているのですが、記述方法が「<!--[if IE 6]>～」と書くのでDreamweaverでテンプレートにしてもjsファイルのアドレスが反映されません。 テンプレートでコメントアウトしたものも反映する方法、コメントアウトしなくてもIE6でのみ読み込ませる方法はありませんでしょうか？ 【環境】 Windows 7 Dreamweaver CS3 宜しくお願い致します。

  • ネット上からローカルへアクセスしたい

    インターネット上からローカル環境にあるファイルにアクセスできるのでしょうか？ 具体的には、 サーバー上にあるhtmlファイルから、 <a href="file:///C:/Documents..."></a> のような感じでローカルのファイルにアクセスしたいです。 （↑ではうまくいきませんでした） また、それが出来る場合、IE、ネットスケープどちらでも可能でしょうか？

  • PNGファイルの透過部分が透過されません

    ■製品名/バージョン →デジカメde!!ムービーシアターVer7 ■パソコンのOS →Windows7 ■質問内容 →Jpgファイルを透過処理してPNGファイルをほかの画像ソフトで作成したのですがムービーシアターの、写真ファイルのプレビューでは透過になっているのですが、タイムラインにドラッグすると透過した部分が復活してしまいます。 PNGファイルの取り込みができるということでしたが、透過部分は保持されないのでしょうか？それとも何か設定があるのでしょうか？ お詳しい方、是非教えてください。よろしくお願いします。 ※OKWAVEより補足：「ソースネクスト株式会社の製品・サービス」についての質問です。

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

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

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する