CSS

CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 123

1

조회 수 : 15373 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
미리보기 :  

IE6 이하버전에서 투명 png 이미지를 지원하지 않기 때문에 사용하는 팁이며, 이미 투명 png 에 관련된 팁들은 많이 나와있습니다. 그중에 하나라고 보셔도 됩니다.

 

스크립트로 적용하는 방법 : http:///41420

 

css에서 배경만으로 할시 아래와 같이 적용하시면 되겠습니다.

스타핵을 이용한 방법입니다.

* html #img_png {margin-top:8px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png',sizingMethod='crop') }

 

hack 자세히 보기 : http:///41334

 

나라디자인에서도 비슷한 팁이 올라와있습니다. 위에 팁도 같은 맥락으로 보시는게 맞을듯 합니다.

나라디자인에서는 _(언더바핵)을 사용한 경우입니다.

 

언더바 핵을 이용한 방법

 

.selector{background:url(png24.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’png24.png‘, sizingMethod=’crop’);}

 

언더바핵을 사용할경우 Win IE 4~6에서만 동작하고 그외 브라우저에서는 핵부분이 제외되서 읽혀 들이게 됩니다.

 

하지만 스타핵은 Win IE 4~6, Mac IE 4~5 에서 동작을 하기 때문에 그외 브라우저용으로 하나더 만들어야 하는 불편함이 있습니다. 아래를 참고하세요.

 

#img_png {margin-top:8px; background:url(test.png) no-repeat;} // Win IE 4~6 외 타브라우저용

 

* html #img_png {margin-top:8px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png',sizingMethod='crop') } // Win IE 4~6 용

 

사용하시는건 본인 스스로가 판단하시되, 두핵모두 background-repeat 적용이 안되는점은 유의하시기 바랍니다.


태그
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/css/43419/7b6/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜sort 추천 수 조회 수
공지 Cascading Style Sheets (CSS3) file title: [ani]깜빡이는 표정빽짱구 2010-06-29 1 32640
공지 CSS 용량을 줄여주는 사이트 file [7] title: [ani]깜빡이는 표정빽짱구 2010-05-13 1 23178
공지 css 팁에 관련해서... [1] title: [ani]깜빡이는 표정빽짱구 2007-11-30 1 44341
103 [css3] 웹 브라우저별 벤더 프리픽스 title: [ani]깜빡이는 표정빽짱구 2012-08-30   4071
102 css3로 브라우저 별로 그라데이션 주기 title: [ani]깜빡이는 표정빽짱구 2012-07-23   3995
101 아이폰에서 가로보기 했을때 글자가 커지는 문제 title: [ani]깜빡이는 표정빽짱구 2012-07-19   5689
100 hit 인쇄할때 A4 용지에 맞게 출력하기 [1] title: [ani]깜빡이는 표정빽짱구 2012-04-29   10513
99 [css3] 텍스트에 그림자주기 (text-shadow) [1] title: [ani]깜빡이는 표정빽짱구 2012-04-26   4741
98 css3로 돌아가는 애니메이션 효과주기? [2] title: [ani]깜빡이는 표정빽짱구 2011-12-06   5160
97 input="file" 찾아보기 버튼 이미지로 바꾸는방법 file title: [ani]깜빡이는 표정빽짱구 2011-12-02   5972
96 CSS3만든 애플키보드 title: [ani]깜빡이는 표정빽짱구 2011-11-15   5010
95 아이폰에 나눔고딕으로 웹페이지 만들기 [3] nkkim96 2011-08-25   4956
94 세로 스크롤바 생기게 하기 title: [ani]깜빡이는 표정빽짱구 2011-06-16   7319
93 익스6에서 :hover :focus 적용하기 title: [ani]깜빡이는 표정빽짱구 2011-06-15   5615
92 css를 이용하여 원으로 된 paging 만들기 file [1] title: [ani]깜빡이는 표정빽짱구 2011-06-02   7387
91 CSS 속성 순서 file [2] title: [ani]깜빡이는 표정빽짱구 2011-02-15   7004
90 세로로 글자쓰기 file title: [ani]깜빡이는 표정빽짱구 2011-02-09 1 8934
89 CSS3로 만든 예제들 title: [ani]깜빡이는 표정빽짱구 2010-12-07   6808
88 IE6에서 fixed 적용하기 title: [ani]깜빡이는 표정빽짱구 2010-11-24   6384
87 크롬에서 textarea 크기조절 못하게 막기 file title: [ani]깜빡이는 표정빽짱구 2010-11-16   9097
86 css로 2단 메뉴구성 웹기프트 2010-11-13   8985
85 익스6에서 CSS호출을 못할때 title: [ani]깜빡이는 표정빽짱구 2010-11-11   7116
84 hit IE8 CSS핵 title: [ani]깜빡이는 표정빽짱구 2010-10-22   10830