スマートな、透過pngをIE6で表示させるライブラリ「DD_belatedPNG」

InternetExplorer png CSS JavaScript

ちょこっとメモ。
DD_belatedPNG: Medicine for your IE6/PNG headache!がトラブルが少なかったので使いやすそう。
今ざっと使ってみた感じだと、こんな感じでしょうか。。。。

  • DD_belatedPNG.fixPng( yourElement ) ←引数のselecterは、透過pngのimgや、透過pngのbackground-imageを使っているelementそのものを指定する。
  • css側で別のセレクタでbackground-image:none;等で上書きしていても、無視して背景画像が表示されるようなので注意。
  • position: absolute;のelementは、座標が変わってしまうことがある？
  • DD_belatedPNG.fixPng( yourElement )　を適用した後にdom操作をすると、透過部分が白になって抜けていなかったり、座標が適用前と異なっていたりするので、適用は後の方が良さそう。