CSS の背景配置を可能にする IE6 用の JavaScript PNG 修正はありますか?
https://stackoverflow.com/questions/86545
-
01-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian質問
Internet Explorer 6 で PNG 画像に透明性を持たせるための修正をいくつか見てきましたが、CSS で背景の位置を設定できるようにする修正はまだ見つかりません。スプライトを使用する場合、それは問題です。私は GIF (それほど高品質ではありません) を使用したり、透明な画像をまったく使用しなかったり、IE6 とはまったく異なるスタイルシートを提供したりすることにしました。PNG の透明度と背景の配置を可能にする IE6 の修正はありますか?
解決
はい。インデックス付きパレット (png256) を使用するように画像を変換します。透明度 (GIF と同様) はサポートできますが、アルファ チャネルはサポートできません。
これを使用してこれを行うことができます イルファンビュー そしてpngoutプラグイン、 pngquant または pngnq.
YUIパフォーマンスチームもパフォーマンスを行いました。 素晴らしいプレゼンテーション これについては、他の多くの画像最適化の概念について説明します。
他のヒント
これ は、ここ 1 か月ほどで登場した新しい手法です。ページから:
このスクリプトでは、空白スペーサー GIF の有無にかかわらず画像タグがサポートされており、背景画像 PNG は、含まれているコンテンツ要素より小さい場合でも配置したり、繰り返したりすることができます。
背景が静的な場合に使用します 微調整PNG PNG 内の背景色チャンクを (デフォルトのグレー色の代わりに) 正しい色に変更します。通常のブラウザはアルファ チャネルによって優先されるためこれを無視しますが、IE6 以前ではアルファ チャネルの代わりにその色が使用されます。
これは、IE7 以降では透明性が確保されていますが、IE6 以下では透過性が大幅に低下することを意味します。そして、すべての CSS の位置決めと繰り返しが可能です (ハッキングがないため!)。
DD_遅ればせながらPNG.js とてもうまくいきます
実際に純粋な CSS を使用して、IE6 のアルファ フィルターと CSS を利用することで、IE6 でアルファ透明度を備えた配置された背景画像を取得できます。 clip 財産。ジュリアン・ルコント 彼のブログでテクニックを説明しています.
この手法では、アルファ フィルターを使用するたびにパフォーマンスが低下することに注意してください。
IE PNG 修正 v2.0 フルアルファ+をサポートしていますposition/repeat.
