質問

アルファが設定されたGIF画像があり、私のサイトがFirefox 3.0で読み込まれると、画像の必要な部分で透過的に動作します。ただし、IE7でGIFイメージをロードしようとすると、ソリッドブロックとして返されます。実際には、画像の色が透明領域に染み込んでいるようなものです。

この種の問題を解決するための提案はありますか?何を調べるべきか、またはこの種の問題を解決するために使用したルートに関するポインター。

CSSでこれを制御しています-条件付きコメントルートと複数のCSSを避けたいのですが、提案がIE互換性の問題を解決する方法を明確に示してくれるなら喜んでいます。

ありがとう、 ショーン

役に立ちましたか?

解決

IE(すべてのバージョン)で透明gifの問題が発生したことは一度もありません。

まず、画像を単独でロードしてみます-これが画像なのか、CSSルールが間違っているのかを教えてくれます。

まだ間違っている場合は、別のプログラムで保存し直してください。ギンプは行います。

編集:CSSレベルなので、どのルールに背景色が表示されているかを確認します...可能性のある候補を簡単に見つけられることを願っています。色を#ff0000に変更し、期待どおりに画像が変化するかどうかを確認します。次に、そのルールがFFではなくIEに表示される理由を把握します。ページのURLがあれば、ご覧ください。

他のヒント

これらの2つを試してください-正しくなるまで数字をいじってください。 IE用でFF / chromeであるi 4get

opacity: 7;
filter: alpha(Opacity=7);

gifに切り替えることでgifの透明度の問題を修正しました。 IE7はpngアルファチャネルを正しくレンダリングします。

透明なpngファイルの印刷は、IE7ではまだ機能しません。

これは奇妙なです-CSSファイルのコメントアウトされたコメントに問題があることがわかりました:

//margin-top: 46px;
//background-color: #377696;

両方の画像を含む要素にありました。

各回答に賛成しました。ありがとう!

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top