IE 6のPNG透明JSプラグインDD_を解決するbelatedPNG
2436 ワード
IE 6のPNG透明は古い問題で、最近友达が私にこの問題を解決するプラグインがあるかどうかを聞いた.知っていながらDD_を使っていますがbelatedPNGというプラグインは、今日暇を見つけてこれを送ってください.以前ブログでjqueryのpngプラグインを送ったことがありますが、背景のタイルはサポートされていません.DD_belatedPNGマイクロソフトのVML言語を使用してPNGピクチャを再描画し、半透明の効果を達成し、background-positionとbackground-repeat属性をサポートし、擬似クラスをサポートします.お勧めのプラグインで、使い方も簡単です.
使用方法:
参照関数はDD_belatedPNG.fix()、括弧の中の.png_bgをcssセレクタ名に変更します.
IDセレクタ例:
擬似クラスの例:
imgラベルの例:
複数の直接カンマ(英語の下)を加えればいいです.例:
JSファイルダウンロードアドレス:0.0.8a.js(非圧縮バージョン) 0.0.8 a-min.js(圧縮版)
公式サイト:DD_belatedPNG
使用方法:
1
2
3
4
5
6
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->
参照関数はDD_belatedPNG.fix()、括弧の中の.png_bgをcssセレクタ名に変更します.
IDセレクタ例:
1
DD_belatedPNG.fix('#png');
擬似クラスの例:
1
DD_belatedPNG.fix('.png a:hover,.png a:focus');
imgラベルの例:
1
DD_belatedPNG.fix('img');
複数の直接カンマ(英語の下)を加えればいいです.例:
1
DD_belatedPNG.fix('.png_bg,#png,.png a:hover,.png a:focus,img');
JSファイルダウンロードアドレス:0.0.8a.js(非圧縮バージョン) 0.0.8 a-min.js(圧縮版)
公式サイト:DD_belatedPNG