[플러그인] 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/
개길때가 있습니다.
가끔조론거 할때 있지요.
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에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 10개
저는 png24 클래스 지정하는거 떠도는 소스 쓰고있었는데
배경이미지 png 처리를위해서 무슨.. Unitpng 라는 클래스를 쓰는 스크립트를 쓰고있습니다..
일일히 클래스 지정하기도 기찮은데.. 좋네요이거!!
근데 저기에 이미지맵을 지정하면 적용이될까요.
png24 클래스 지정하던건 익스플로러7에서 이미지맵이 안먹혀서 -_- 버렸는데....
이것도 그거만 된다면야 쓰고싶네요 ㅎㅎ
전 더 좋은 방법을 찾았습니다 ㅋ
png 이미지의 표현, 배경으로의 표현, 이미지맵링크도 적용되는 핵,
해당 클래스의 엘리먼트가 소유한 ul li, position:absolute; 값과 표현 버그 해결,
배경으로 표현된 엘리먼트내의 a href 링크가 마우스로 접근할수 없던 버그 해결,
등 등
3가지 팁들을 동시적용해서 해결하는법을 알았습니다!!ㅋ
아 이것때문에 얼마나 애먹었는지...
익스6에서 레이아웃이 깨져서 한참 원인을 찾아보면 png 스크립트때문인 경우가 너무많아서..
힘들었네요 ㅋ
아시고 싶으신분은 개인적으로 쪽지주세요~
안그래도 png 파일 버그 때문에 항상 배경에 흰색점이 생겨서 문제가 있었는데
그래서 자료 찾고 있었는데.. 이렇게 쉽게 ..
무지 감사드려요..
http://www.google.co.kr/search?hl=ko&source=hp&q=DD_belatedPNG&lr=&aq=f&aqi=g10&aql=&oq=
예전에 png 투명처리 할려고 인터넷을 온통 다 뒤져서 사용했었는데..
나중에 유용히 사용하겠습니다.