DD_belatedPNG를 사용하여 IE6에서 PNG 투명 이미지를 지원하도록 만드는 방법

IE6에서 PNG 투명 이미지를 지원하도록 DD_belatedPNG를 사용하는 방법은 무엇입니까?

DD_belatedPNG를 사용하여 IE6에서 PNG 투명 이미지를 지원하도록 하세요

권장 학습: Dreamweaver cms

IE6은 투명한 PNG 이미지를 지원하지 않으며 PNG 이미지는 다른 그래픽 형식만큼 표현력이 부족하다는 점은 잘 알려져 있습니다. 결과적으로, IE6의 치명적인 결함은 웹 디자인의 창의성을 크게 제한합니다.

IE6의 투명 PNG 문제를 해결하는 방법에는 IE 전용 필터나 e-xpression을 사용하는 것부터 자바스크립트+투명 GIF 교체까지 여러 가지 방법이 있지만 이러한 방법에는 백그론드를 지원하지 않는다는 단점이 있습니다. -위치 및 CSS의 배경 반복 속성.

DD_belatedPNG.js를 사용하면 IE6에서 PNG 이미지 투명도 문제를 완벽하게 해결할 수 있으며, backgrond-position 및 background-repeat를 지원합니다. 동시에 DD_belatedPNG는 a:hover 속성도 지원합니다. , 및 .

저희 웹사이트에는 탐색 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와 배경으로 구분됩니다).

예: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!