元々は単なる PNG の透過画像でしたが、IE では簡単に解決できました。js メソッド、フィルター CSS メソッドなど、さまざまな方法も試しましたが、全体的には完璧ではないと感じています。同時にスプライトメソッドを使用することは、それほど単純で簡単ではありません。
最後に、htc メソッドを使用して CSS ファイルに埋め込むと、基本的にほとんどの透明性の問題を一度に解決できることがわかりました。
この方法は多くの人が紹介していますが、ページが英語なので翻訳している人も少なく、使う人も少ないでしょう。
この方法については、以下で詳しく紹介します。
このメソッド自体のデモ アドレス: http://www.twinhelix.com/css/iepngfix/demo/
（先ほども言いましたが、すべて英語ですのでご安心ください）
次の方法で解決できます。
1.「img」タグを使用して、透過png画像をページに追加します
2. 背景を使用して CSS に PNG 透明背景を追加します (複数のバージョンをサポート)
3. 背景 PNG の一部のバージョンは透明なので、現在のページに js を追加することで解決する必要があります。
ファイル パッケージのダウンロード: http://www.twinhelix.com/css/iepngfix/iepngfix.zip
1. ダウンロードして解凍すると、たくさんのファイルができますが、その中には使用する必要があるファイルが 3 つあります。
iepngfix.htc、blank.gif、iepngfix_tilebg.js
2. これらをそれぞれ対応する css、js、images ディレクトリに転送できます。もちろん、iepng という名前のフォルダーを作成して、そこに転送することもできます。
3. コードの最初の文を追加します。これは HTML ファイルに追加される形式です。エラーが心配な場合は、ルート ディレクトリに対する相対パスを直接使用してください。 /iepng/iepngfix.htc として。これは通常は機能しません。もちろん、reset.css ファイルに behaviour: url (iepngfix.htc) を追加することもできます。
| <style type="text/css"> img, div {動作: url(iepngfix.htc); </スタイル> |
4. メモ帳または同様のツールを使用して iepngfix.htc ファイルを開き、blankImg のファイル パスを実際の状況に応じて独自のパス (/iepng/blank.gif など) に置き換えます。
| IEPNGFix.blankImg = '/images/blank.gif'; |
5. 以下の js 呼び出しコードを必要なページの「head」に追加します (この手順は不要です。head 部分にインクルードを一律に呼び出す場合は、この文を追加することをお勧めします)
| <script type="text/javascript" src="iepngfix_tilebg.js"></script> |
上記の手順を完了すると、基本的に IE で png の透明効果を実現できます。
少なくとも今のところ問題は見つかっていません。何か問題があれば、遠慮せずに一緒に話し合ってください。ありがとうございます。
元のアドレス: http://blog.sina.com.cn/s/blog_62a8de7a0100ksh2.html
Lang Xinの貢献に感謝します