우리 모두 알다시피, IE6은 투명한 PNG 이미지를 지원하지 않으며 PNG 이미지는 웹 디자인의 표현력 측면에서 다른 그래픽 형식을 달성 할 수없는 영향을 미칩니다. IE6의 치명적인 결함은 웹 디자인의 창의적 성능을 크게 제한합니다.
IE6에서 IE6에서 투명한 PNG를 해결하는 방법에는 IE- 특이 적 필터 또는 표현식에서 JavaScript + 투명 GIF 교체에 이르기까지 많은 방법이 있습니다. 그러나 이러한 방법에는 한 가지 단점이 있으며, 이는 CSS의 배경 위치 및 배경 반복 속성을 지원하지 않는다는 것입니다. dd_belatedpng.js를 사용하면 IE6에서 PNG 이미지 투명성 문제를 완벽하게 해결하고 배경 위치 및 배경 반복을 지원할 수 있습니다. 다른 방법으로는 사용할 수 없습니다. 동시에 DD_BELATEDPNG는 A : 호버 속성 및 <Img>도 지원합니다.
당사 웹 사이트는 DD_BELATEDPNG를 추가하여 탐색 PNG 투명 이미지를 처리하여 다른 브라우저에서 동일한 모양을 유지했습니다.
DD_BELATEDPNG 공식 웹 사이트 : 방문하려면 여기를 클릭하십시오!
사용 방법 :1. 먼저 JS 파일을 다운로드하십시오.
| dd_belatedpng_0.0.8a 비 압축 버전 |
| DD_BELATEDPNG_0.0.8A 압축 버전 |
그런 다음 페이지의 코드를 참조하십시오.
- <! - [ifie6]>
- <scriptType = text/javascriptsrc = 다운로드 JS 경로> </script>
- <cript>
- dd_belatedpng.fix ( 'CSS 선택기, 응용 프로그램 유형');
- </스크립트>
- <! [endif]->
참조 함수는 dd_belatedpng.fix ()이며, 괄호 안에서 CSS 선택기 (ID 선택기 및 클래스 선택기를 사용할 수 있음) 및 응용 프로그램 유형 (IMG 및 배경으로 나뉘어 있음)입니다.
dd_belatedpng.fix ( '#box-one, img') 또는 dd_belatedpng.fix ( '. 헤더, 배경') 등과 같은 것과 같은
이것들은 dd_belatedpng.fix ( '#box-one, .header, img, background')로 약칭 할 수 있습니다. .
dd_belatedpng.fix와 같은 더 많은 선택기 ( '##box-one, .header,#buter, .box-two a : 호버, img, 배경'); 등.
또한 IE6에서 깜박 거리는 배경 이미지를 해결하려면 다음 스크립트를 페이지에 추가 할 수 있습니다.
- <! - [ifie6]>
- <scriptType = text/javaScript>
- // <! [cdata [
- if ((winde
- 노력하다{
- document.execcommand (backgroundImagecache, false, true);
- }
- 캐치 (e) {}
- //]]>
- </스크립트>
- <! [endif]->