본문 바로가기

주력 서비스 메뉴

분류

인기 글

최근 글

최근 댓글

최근 걸린글

월별 글보관함

  • 작성월 : 2010/03 등록된 글수 : (3)
  • 작성월 : 2010/02 등록된 글수 : (12)
  • 작성월 : 2010/01 등록된 글수 : (3)
  • 작성월 : 2009/12 등록된 글수 : (1)
  • 작성월 : 2009/11 등록된 글수 : (1)

날짜별 글검색

«   2010/03   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
본문 내용시작
분류 : 메뉴얼 작성날짜 및 시간 : 2009/04/06 16:55

제목 : 익스6 png 처리~

예전엔 익스6에서는 png 이미지가 제대로 출력이 되지않아서, 어떻게해서든지 gif 이미지로 하려고 하고,
png이미지를 피했었는데, DD_belatedPNG 라는 js 파일이 생기고나서부터는, 그럴필요가 없게되었다.
img src 태그방식으로 png이미지를 사용해도, background css 속성으로 png이미지를 사용해도
익스6에서도 제대로 출력되서 나온다.



위 이미지는 확장자가 png다. 익스6에서는 깔끔하게 보이지 않고 위와 같이 나오곤 했었다.
DD_belatedPNG 라는 js 파일을 이용해서 간단히 해결하는 방법을 소개하려고 한다. (사실 내가 잘까먹어서 -..-)



ie7이하 버전에서만 DD_belatedPNG 라는 js 파일을 사용하게끔 if문으로 작성을 하고,  저걸 전문용어로 머라 했던거 같은데
역시 기억이 안난다 ㅡㅡㅋ 아무튼 js 파일을 연결을 시키고 그 아랫줄에 적용될 태그네이밍이나 클래스 명을 적어주기만 하면된다.
DD_belatedPNG.fix('img, .test'); 에서 img 는 태그네이밍을 뜻하는 거고 test라는 클래스에 배경으로 png 이미지를 사용하였다면
.test 라고 넣어 주면 된다. 여러개의 클래스가 들어갈때에도 간단히 ,(쉼표) 로 구분지어주기만 하면 된다.
끝으로 DD_belatedPNG 라는 js 파일을 만든 사람에게 감사하다고 전한다~ 흐흐흐

"메뉴얼" 카테고리의 다른 글

작성자 : 치프
2009/04/06 16:55 2009/04/06 16:55

댓글

  1. 작성자 : 지현재 작성일 : 2009/11/18 10:12

    여러가지 도움이 되는 내용이 굉장히 많네요.
    깜짝 놀랄만한 내용도 있고요.
    많이 보고 많이 배우고 갑니다.
    즐겨찾기에 등록하고 종종 들려야 할것 같네요.
    좋은 하루 보내세요~~

    위의 댓글에 관한 답글입니다.
    1. 작성자 : 치프 작성일 : 2009/11/18 18:00

      칭찬 감사드립니다,
      깜짝 놀랄만한 내용이 먼가여 ㅎㅎ

      웹퍼블리셔분이신가여?!
      조만간 더 깜짝놀랄만한 글을 남겨보겠습니다.

      방문감사드리고, 추운데 감기조심하세욤~

[로그인][오픈아이디란?]

상단으로 이동