[플러그인] pngfix IE5.5 6의 투명 png 버그 한방에 해결하기.

[플러그인] pngfix IE5.5 6의 투명 png 버그 한방에 해결하기. > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

[플러그인] pngfix IE5.5 6의 투명 png 버그 한방에 해결하기. 정보

jQuery [플러그인] pngfix IE5.5 6의 투명 png 버그 한방에 해결하기.

본문

웹표준으로 제작하다보믄 투명png가 IE6에서
개길때가 있습니다.

가끔조론거 할때 있지요.

border 1px 주고. png이미지 위에 올려줍니다.

플러그인다운

1.
<head>
...
<script type="text/javascript" src="jquery-latest.pack.js"></script>
<script type="text/javascript" src="jquery.pngFix.js"></script>
...
</head>
요래 넣어주시고.

2.
<script type="text/javascript">
    $(document).ready(function(){
        $(document).pngFix();
    });
</script>
요래 실행시켜주시믄 됩니다.

저한방에 페이지내의 png버그 없애주는 플러그인 되겠습니다.

출처:
http://jquery.andreaseberhard.de/pngFix/

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]

댓글 10개

DreamT 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

10.08.29 02:07:00

흠 좋네요..!
저는 png24 클래스 지정하는거 떠도는 소스 쓰고있었는데

배경이미지 png 처리를위해서 무슨.. Unitpng 라는 클래스를 쓰는 스크립트를 쓰고있습니다..
일일히 클래스 지정하기도 기찮은데.. 좋네요이거!!

근데 저기에 이미지맵을 지정하면 적용이될까요.

png24 클래스 지정하던건 익스플로러7에서 이미지맵이 안먹혀서 -_- 버렸는데....

이것도 그거만 된다면야 쓰고싶네요 ㅎㅎ

휴온 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

10.09.07 16:09:41

좋은 정보 감사합니다~^^

DreamT 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

10.09.09 13:18:15

흠... 이거 써봤는데 안돼더라구요..
전 더 좋은 방법을 찾았습니다 ㅋ

png 이미지의 표현, 배경으로의 표현, 이미지맵링크도 적용되는 핵,
해당 클래스의 엘리먼트가 소유한 ul li, position:absolute; 값과 표현 버그 해결,
배경으로 표현된 엘리먼트내의 a href 링크가 마우스로 접근할수 없던 버그 해결,
등 등

3가지 팁들을 동시적용해서 해결하는법을 알았습니다!!ㅋ
아 이것때문에 얼마나 애먹었는지...
익스6에서 레이아웃이 깨져서 한참 원인을 찾아보면 png 스크립트때문인 경우가 너무많아서..
힘들었네요 ㅋ
아시고 싶으신분은 개인적으로 쪽지주세요~