PNG 透過 IE6 jquery.pngfix.js - HTML5やCSSやCMSやオープンソースなどなどの設定備忘録

透過PNGを使うとデザインの幅が広がるしクールなデザインが可能です。
しかしIE6はPNGの透過が効きません。

そんなときはjquery.pngfix.jsを使いましょう。

使い方はこちら
http://d.hatena.ne.jp/tenkao/20081126/p1
thanks tenkao

だがしかし、万能ではなくCSSスプライトが使えない。
しょうがないから a:link a:hover で画像を別個きれば問題ない。
読み込む画像多くなるけどしょうがない。

自分のためにこぴぺ

・繰り返しの背景画像は非対応
・background-position は left top（0 0）のみ対応
・適用した要素の子孫要素（a, input, textarea 等）がクリックできない場合がある
　・クリックさせたい子孫要素を position: relative; に、それらの親（先祖）要素を position: static; にすることで回避可能。

<head>
...
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.pngfix.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("SELECTOR").pngFix();
    });
</script>
...
</head>