>  기사  >  웹 프론트엔드  >  IE6_javascript 기술을 해결하기 위한 PNG 투명 JS 플러그인 사용 소개

IE6_javascript 기술을 해결하기 위한 PNG 투명 JS 플러그인 사용 소개

WBOY
WBOY원래의
2016-05-16 17:36:281245검색

IE6의 PNG 투명도는 오래된 문제입니다. 최근 한 친구가 이 문제를 해결하는 데 가장 적합한 플러그인이 있는지 물었습니다. DD_belatedPNG 플러그인을 알고 사용하고 있음에도 불구하고 오늘은 시간을 내어 포스팅하게 되었습니다.

이전에 블로그에 jquery png 플러그인을 게시한 적이 있지만 배경 타일링을 지원하지 않습니다.
DD_belatedPNG는 Microsoft의 VML 언어를 사용하여 PNG 이미지를 다시 그려 반투명 효과를 구현하며 배경 위치 및 배경 반복 속성과 의사 클래스를 지원할 수 있습니다. 추천할만한 가치가 있고 비교적 사용하기 쉬운 좋은 플러그인입니다.

사용법:

코드 복사 코드는 다음과 같습니다.

< ;-[IE 6의 경우]>

<script>DD_belatedPNG.fix('.png_bg') ; <br></script>


참조된 함수는 DD_belatedPNG.fix()이며 괄호 안의 .png_bg는 다음과 같아야 합니다. CSS 선택기 이름으로 변경되었습니다.
ID 선택기 예:

코드 복사 코드는 다음과 같습니다.
DD_belatedPNG. fix( '#png');

유사 클래스 예:

코드 복사 다음과 같습니다:
DD_belatedPNG.fix('.png a:hover,.png a:focus')

img 태그 예:

코드 복사 코드는 다음과 같습니다.
DD_belatedPNG.fix('img')

직접이 여러 개인 경우 쉼표만 추가하세요(영문). 예:

코드 복사 코드는 다음과 같습니다.
DD_belatedPNG.fix('. png_bg,#png ,.png a:hover,.png a:focus,img')

사용법:

코드 복사 코드는 다음과 같습니다:


괄호 안의 스타일 선택기는 쉼표로 구분됩니다.
JS 파일 다운로드 주소:

0.0. 8a- min.js(압축 버전)
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.