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 属性と 。

当社の 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(&#39;css选择器,应用类型&#39;);  
</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 サイトの他の関連記事を参照してください。