우 리 는 IE6 가 투명 한 PNG 를 지원 하지 않 는 다 는 것 을 알 고 있다.이것 은 웹 디자인 의 발휘 공간 을 제한 하 는 것 임 에 틀림없다.그러나 전체 인터넷 에서 이 IE6 의 투명 PNG 를 해결 하 는 방안 도 셀 수 없 이 많다.IE 특유 의 필 터 를 사용 하거나 e 를 사용 하 는 것 이다.xpression,javascript+투명 GIF 로 대체 합 니 다.그러나 이 방법 들 은 모두 한 가지 단점 이 있 습 니 다.바로 CSS 에서 backgrond-position 과 background-repeat 를 지원 하지 않 는 다 는 것 입 니 다.저 는 오늘 DD 를 소개 합 니 다.belatedPNG,하나의 이유 만 있 으 면 backgrond-position 과 background-repeat 를 지원 합 니 다.이것 은 다른 js 플러그 인 이 갖 추 지 못 한 것 입 니 다.동시에 DDbelatedPNG 는 a:hover 속성 및
도 지원 합 니 다.belatedPNG.fix(),예 를 들 어 위의 코드 입 니 다.다른 하 나 는 fix()입 니 다.이 방법 은 함수 내 에서 css 선택 기 이름 을 지적 해 야 합 니 다.a:hover 를 사용 하면 5-25 업데이트 에 주의 하 십시오.만약 당신 도 jutoy 친구 처럼 투명 PNG 를 a:hover 의 배경 그림 으로 사용 하려 면 코드 를 유의 해 야 합 니 다."a:hover"를 선택 기로 사용 해 야 합 니 다.그렇지 않 으 면 성공 하지 못 할 수도 있 습 니 다.또한 저 는 demo 를 업 데 이 트 했 습 니 다.필요 한 업 데 이 트 를 확인 하 십시오.이 어 정확 한 코드 를 보 겠 습 니 다
<!--[if lte IE 6]>
<script src="Js/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix('div, ul, img, li, input , a, .png_bg');
/* .png_bg PNG CSS */
</script>
<![endif]-->
다른 방안 은 여기 서 다른 방안 을 제공 하여 참고 하 시기 바 랍 니 다.
데모 보기
DD_belatedPNG.js
Unit PNG Fix