Background .pngおよびIE 6-平和を強制します。

「人気のある」ブラウザの次のバグが知られています-アルファ透明度を持つ領域を含む.png形式の画像が正しく表示されません。 つまり、これらのサイトの領域は灰色で埋められています(この場合に起こっていることの本質の簡潔な説明についてはdreamhelgに感謝します )。



今日、彼のRSSフィードで、対立.pngとIEに関する別の記事へのリンクを見つけました。 おそらく、彼女はそれを受け入れたのです。上の見出しを驚かせた人々の大部分がそうでした-偏見を持って(彼らは再び25と言います)。 それにもかかわらず、多くの興味深いことが判明しました。 たとえば、今ではbackground .pngはbackground-position



およびbackground-repeat



プロパティに完全に依存しています。



すぐに私はすべての好奇心をと説明とともにページに送ります。 すべてがJavaScriptを使用して実装され、必要なページ要素<DD_belatedPNG:rect />が作成され、割り当てられます(つまり、VMLでは.pngが「リボーン」されます)。



動作するには、次のものが必要です。

  1. JavaScriptをダウンロードしてHTMLドキュメントに接続します(例のあるページには、通常ファイルと圧縮ファイルへの2つのリンクがあります)。
  2. HTMLドキュメント内で、関数( DD_belatedPNG.fix() )を実行します。この関数は、パラメーターとして、 riteを操作する要素のセレクターを渡す必要があります


例:

  <!-[IE 6の場合]>
 <script type = "text / javascript" src = "DD_belatedPNG.js"> </ script>
 <script type = "text / javascript">
     DD_belatedPNG.fix( '。Png_bg、.other_class');  //接続クラスの例
 </ script>
 <![endif]-> 


何がそんなに特別なの?



短所:



一般に、スクリプトはかなり粗雑です。 最初のテストはわずか3日前にリリースされました。 したがって、追加のバグが表示される場合があり、スクリプトは必要以上にリソースを消費します。 それでも、ドリューディラー( ドリューディラー 、脚本の著者の名前)が作ったものは多くの人にとって興味深いものになると思うので、この短いメモを書きました。



UPD スクリプトの3番目のバージョンがリリースされ、いくつかの欠点が修正されました。 左と上の単一ピクセルのインデント、不要な境界線の外観、スクロール、およびコンマで区切られた複数のセレクターに関数を渡す機能を含みます(上記のコード例を参照)。



All Articles