PNGと インターネットエクスプローラー

一言で言えば

Internet Explorer 6の.pngに対する気難しい態度を克服することに関する最近の記事に追いつくために、もう1つのレシピを説明します。

メソッド自体に革命的なものは何もないということをすぐに控えてください。 すべてが典型的です-JavaScript +フィルター。 ただし、この場合、HTML自体にJavaScriptを含める必要はなく、実装によってIEを柔軟に「 パームオフ 」することができます(たとえば、 Conditionalommentsを使用 )。著者によると、バージョン2.0 Alpha 1では、この機能は既に実装されていますが、繰り返し背景のサポート。

使い方

  1. ダウンロードアーカイブから抽出されたファイルiepngfix.htcおよびblank.gif (通常の透明な1x1 px gif)は、サイトディレクトリに追加されます。
  2. CSSで記述します。







    ここでは、.png画像がカンマで区切られているすべてのブロック/タグ/要素を入力できます。 この場合、 .htcファイルへパスは、CSSではなくHTMLドキュメントを基準にして示されます。 例:





  3. サブディレクトリを使用する場合は、.htcファイルを開き、変数blankImgの値を透明な画像blank.gifへの適切なパスに変更する必要があります。 例:



    var blankImg = '/images/blank.gif';





  4. お楽しみください! また作業のデモを見ることができます。

おわりに

これがテクニックです。 悪名高いApple社がそのWebサイトでIE PNG Fixの助けを借りてIEユーザーに正確にアピールしているという事実も、その好意を示しています。 あなたは自分で見ることができます:)

すべての使用に幸運を。



All Articles