none
png 이미지 처리 RRS feed

  • 질문

  • 수고많으십니다.

    다름이 아니라 현재 사이트하나를 개발중인데요.

    png이미지를 주로 사용하여 개발중인데 (제가 처음으로 만들어보는 사이트라 전문지식이 많이 부족하네요..^^;)

    전주에 피씨방에 갔다가 개발중인 사이트를 열어보았더니,,컥,,

    png이미지들이 모두 회색바탕이더군요.

    저는 익스8만을 사용하다보니 익스6에서의 png 처리를 고려해보지 않았거든요..

    그래서 부랴부랴 png 처리방법들을 검색 및 터득하여 적용을 시켜

    많은 부분들을 해결하였습니다.

    다만 현재 해결하지 못하는 부분은,,,,

    예컨대 보통의 png 이미지들은 class="png24",,,이렇게 처리가 가능한데..

    <td colspan="2" height="915" valign="top" background="/images/ㅌㅌㅌ.png" style="padding:50px 30px 45px 30px;" class="png24">

    이렇게 백그라운드에는 어떤 명령을 넣어야 할지,,,그것을 알고 싶습니다.

    전문가분의 좋은 답변 기다릴께요..

    2011년 2월 22일 화요일 오전 3:04

모든 응답

  • 안녕하세요.

    IE6에서 PNG 이미지를 사용하는데 있어서 투명 처리가 문제가 되는데요.
    해결 방법에 핵심은 AlphaImageLoader를 사용하는 것입니다.

    아마도 현재 사용하신 방법인 png24 class에서도 AlphaImageLoader 처리를 해주고 계실 것으로 보이는데요.
    배경으로 사용하기 위해서는 아래 코드 처럼 일종의 IE6 CSS 핵을 사용하는게 일반적입니다.

    질문에서 올려주신 소스를 기준으로

    <td colspan="2" height="915" valign="top" background="/images/ㅌㅌㅌ.png" style="padding:50px 30px 45px 30px;" class="png24">

    td {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src:'aaa.png', sizingMethod='crop'}

    위와 같은 방식으로 처리해주시면 투명한 배경이 정상적으로 처리될 것입니다.

    위에서도 말씀드렸듯이 결국은 AlphaImageLoader로 이미지를 불러오는게 관건입니다.

    그럼 수고하세요. ^^

    2011년 7월 29일 금요일 오전 1:18