묻고답하기
PNG 투명배경처리 하다 못해서 도움요청합니다
2008.10.21 19:14
- iepngfix.htc 파일을 다운로드 한 다음 웹 서버의 원하는 폴더에 올립니다.
- 1*1px 짜리 투명색으로 처리된 blank.gif 파일을 웹 서버의 원하는 폴더에 올립니다.
- iepngfix.htc 파일을 열어서 blank.gif 파일의 경로를 바르게 변경합니다.
if (typeof blankImg == ‘undefined’) var blankImg = ‘blank.gif‘; // 1×1px 짜리 투명 이미지(blank.gif)의 경로를 변경.
- 모든 페이지에서 참조하는 css 파일을 열고 원하는 class 에 {behavior:url(iepngfix.htc);} 속성을 추가한 다음 iepngfix.htc 의 경로를 바르게 변경해 줍니다.
.iePngFix {behavior:url(iepngfix.htc);} /* iepngfix.htc 파일의 경로를 바르게 변경합니다 */
- 해당 class가 적용된 PNG-24 이미지의 투명/반투명 색이 IE 6.x 버전 에서도 정상적으로 렌더링 됩니다. ]]
이렇게 하라고 해서 하다가
4번의 클래스 속성 추가하는걸 못해서
도움을 요청하려 합니다.
htc파일과 blank.gif파일은 css 폴더에 넣었습니다.
도와주시면 정말 감사하겠습니다. . _ _)
혹 받아서 보기 힘드실까봐
수정해야될 부분(맞는지는 모르겠지만)을 적어 봅니다.
#header { position:relative; width:990px; height:120px; background:url(../images/pink/Header.png) no-repeat right top; border-bottom:1px solid #FFFFFF; z-index:99;}
ie6쓰시는 분들이 너무 불편해들 하셔서 그러니 꼭좀 부탁드립니다~
아래 BNU님과의 대화를 참고하시면 해결이 되실 수도...
===========================================
1.0.6 버전 배포에 포함된....
====================================
====================================
위 사항에 관한 질문입니다.
js 파일 안의 링크를 타고 가니 이런 설명이 있더군요.
If you want support for CSS1 background-repeat and background-position, make sure you include the add-on .JS file in your
<head>:Otherwise, background images will work but won't repeat or position.
그렇다면, 레이아웃이나 위젯 만들 때 저 스크립트를 헤드에 넣기만 하면 png 파일의 배경지정이 IE6에서도 동작한다는 소리인가요?
repeat-x, repeat-y 등도 동작을 하고요?
네. iepngpix_tilebg.js 파일을 불러오는 것만으로 배경으로 지정된 PNG 이미지의 투명과 위치와 반복형태가 IE6에서도 정상표시됩니다.
IE에서 몇 가지 간단히 테스트했는데 모두 정상적으로 표시되었습니다.
다만, 아직 베타버전이기 때문에 어느 특정한 경우에서 문제가 될 수 있을지는 모르겠습니다.