- ベストアンサー
IE6/PNG画像(NOT背景)透過反映方法について
- IE6/PNG画像(NOT背景)透過反映方法について
- 現在、IE6をスタンドアローン起動し画面の確認をしていますが、未だに透過処理に成功しません。今回皆様にご回答頂きたいのが、現在私が書いているHTMLに、何かを書き足す形での実装で、当方の意図に沿った結果が得られるモノ、具体的なソース/スクリプト等を教えて頂きたいと思っております。
- 参考サイト様のご紹介だけですと、また独自の失敗をしてしまいますので、あくまでも私のソースに実装する方法を示して頂けると幸いです。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
JSファイルをDLして張り付けるのが一番楽かと思います。 ただ、参照URLを見るとクリッカブルマップを使っているようなので、 alphafilter.jsは使えません。 1.以下のサイトから「unitpngfix.js」をDL。 ⇒http://labs.unitinteractive.com/unitpngfix.php 2.<head>内に <!--[if lt IE 7]> <script type="text/javascript" src="unitpngfix.js"></script> <![endif]--> と加えてみてください。（IE6で検証済み）
その他の回答 (2)
- font_color
- ベストアンサー率45% (24/53)
う～ん。 ごめんなさい。ちょっと原因が分からないです。 私のノートPC（IE6を使用）でも http://nowtester.web.fc2.com/tester.html を確認しましたが、ちゃんと透過されています。 IEテスターでも確認したところ、こちらも透過できています。 スタンドアローンIE6ではJavaScriptのエラーかなにかで 表示できないのか、ブラウザの設定の問題かもしれませんね。 ブラウザのスクリーンショットサイトなどで確認されてみてはいかがでしょうか？参考までに・・ http://screenshots.jp/
お礼
font_color様 早急なご回答誠に有難う御座います。ご指摘の通り、 どうやらスタンドアローン起動で確認していた事が原因の様です！ 教えて頂いたサイトではまだ未確認ですが、本日自宅環境以外の、 IE6導入PCで確認してみた所正常に透過表示出来ている事が判明致しました！！ これは本当に嬉しい事です！！やっと意図通りの画面を実装する事が出来ました。簡単且つ正確な情報を教えて頂きまして本当に有難う御座います！(font_color様には頭が上がりません～！！) 複数の質問に迅速にアドバイス頂いたお陰で、100%では有りませんが問題解決への足掛かりが出来て本当に嬉しく思います。 先にご回答頂いたフッターの件と、本件を製作中サイト(参考URLテストでは鳴く本番サイト)に導入した所、IEではフッター固定が出来ませんでした。(IE6/7同様) しかしながらGoogleChrom等他のブラウザでいくつかは固定表示出来ていました。恐らく本番サイトに書いている何かがフッター固定のスクリプトと喧嘩してしまっているのだと思いますけど…透過処理が何よりも最優先で解決させたい問題でしたので、font_color様には本当に感謝しております！！ お礼を言っても言い切れませんが、本当に有難う御座いました！ また、何かの機会が御座いましたら優しくお知恵を拝借出来ますと幸いです。私自身、もっともっと勉強させて頂きます。 本当に有難う御座いました＾＾
- font_color
- ベストアンサー率45% (24/53)
ごめんなさい。 言い忘れていました。 「unitpngfix.js」の一行目を ⇒var clear="clear.gif" //path to clear.gif と書き換えて、DLファイルと同梱されている 「clear.gif」を同ディレクトリにUPしてみてください。 もしくは 「images」フォルダを作りその中に「clear.gif」をUP でもOKです。
補足
font_color様 併せてご回答下さいまして誠に有難う御座います！！ 本件に関しての補足説明非常に助かります。 教えて頂いた通り、jsファイルの中身を『var clear="clear.gif" //path to clear.gif』に変更し、 HTMLと同ディレクトリに『clear.gif』をアップロード致しました。 しかしながら、こちらのスタンドアローン起動のIE6では、 やはり最前面画像が透過されません。 何か間違いが有れば再度ご指摘下さいますと幸いです。 大変お手数をお掛け致します。
補足
font_color様 ご回答下さいまして誠に有難う御座います。 早速、ご教授頂いたサイトより該当ファイルをダウンロード致しました。 参考URLに貼り付けてあるHTMLの<head>直下に、 記載して頂いたタグを追加致しました。 ダウンロードしたファイルの中からはJSファイルのみ、 画像表示ページと同ディレクトリにアップロード致しましたが、 方法は間違っておりませんでしょうか？ 【書き換え後】 http://nowtester.web.fc2.com/tester.html 【JSファイル】 http://nowtester.web.fc2.com/unitpngfix.js この状態で、当方のスタンドアローンIE6確認だと、 やはり画像の透過処理は実施されておりません。 特にファイルは操作しておらず、自分なりには教えて頂いた通りに実装してみたつもりですが、どうでしょうか。 何かお気づきの点、補足回答等が御座いましたら教えて頂けますと幸いです。大変お手数をお掛け致します。有難う御座います。