ホームページ >CMS チュートリアル >DEDECMS >DD_belatedPNG を使用して IE6 で PNG 透明画像をサポートする方法
DD_belatedPNG を使用して IE6 で PNG 透明画像をサポートするにはどうすればよいですか?
DD_belatedPNG を使用して IE6 が PNG 透明画像をサポートできるようにする
推奨学習: 梦Weavercms
ご存知のとおり、IE6 は PNG 透明画像をサポートしていませんWeb デザインにおける表現力の点で、PNG 画像は他のグラフィック形式では達成できない効果を持っており、IE6 のこの致命的な欠陥は、Web デザインの創造的な表現を大きく制限します。
IE6 での透明 PNG の問題を解決するには、IE 固有のフィルターや電子式の使用から JavaScript の透明 GIF の置換まで、多くの方法がありますが、これらの方法には欠点があります。 CSS.background-positionおよびbackground-repeat属性はサポートされていません。
DD_belatedPNG.js を使用すると、IE6 での PNG 画像の透明度の問題を完全に解決でき、他の方法では利用できない、background-position と background-repeat をサポートします。同時に、DD_belatedPNG もサポートしますa:hover 属性と a1f02c36ba31691bcfe87b2722de723b。
当社の Web サイトでは、ナビゲーション PNG 透明画像を処理するために DD_belatedPNG を追加し、異なるブラウザーでも同じ外観を維持できるようにしました。
使用法:
最初に JS ファイル
http://www.028guzheng.com/793395_16370305896/DD_belatedPNG_0.0.8a.js
をダウンロードし、ページ上のコードを引用します:
<!--[if IE 6]> <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script> <script> DD_belatedPNG.fix('css选择器,应用类型'); </script> <![endif]-->
参照関数は DD_belatedPNG.fix( )、括弧 PNGを適用するためのCSSセレクター(IDセレクターとクラスセレクターが使用可能)とアプリケーションの種類(imgとbackgroundに分かれています)を記入します。
DD_belatedPNG.fix(‘#box-one, img’) や DD_belatedPNG.fix(‘.header, background’) など。
これらは、 DD_belatedPNG.fix(‘#box-one, .header, img,background’); と省略できます。
DD_belatedPNG.fix(‘#box-one, .header,#footer,.box-two a:hover, img,background’); などのその他のセレクター。
また、IE6 で背景画像がちらつく問題を解決するには、次のスクリプトをページに追加します。
<!–-[if IE 6]> <script type=”text/javascript”> // <![CDATA[ if((window.navigator.appName.toUpperCase().indexOf("MICROSOFT")>=0)&&(document.execCommand)) try{ document.execCommand("BackgroundImageCache", false, true); } catch(e){} // ]]> </script> <![endif]–->
以上がDD_belatedPNG を使用して IE6 で PNG 透明画像をサポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。