元々は単なる 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) を追加することもできます。