시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크
jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > HTML > 유용한 CSS > CSS 핵 적용방법 (CSS Hack) 안내 상세정보
사이트등록
현재접속자 새로고침
CSS 핵 적용방법 (CSS Hack) 안내
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 싸이월드 공감
소스분류 유용한 CSS
다운로드 횟수 0 회
간단설명 브라우저의 구현 차이나 버그를 이용하여 CSS의 적용대상에서 일부 브라우우저를 제외하거나, 특정 브라우저만을 대상으로 CSS를 적용하는 방법을 'CSS핵' 이라고 합니다.크로스브라우징을 위한 응급대처 같은 방법이라고 생각하시면 되고, 핵일부는 CSS의 문법상 올바르지 않은 것도 있을 수 있습니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
데모 미리보기가 없습니다 스크랩하기

CSS hack 이란?
브라우저의 차이나 버그를 이용해 일부 브라우저를 제외 또는 특정 브라우저를 대상으로 CSS를 적용하는 방법을 'CSS핵' 이라고 합니다. 크로스브라우징을 위한 응급대처 같은 방법이라고 생각하시면 되고, 일부는 문법상 올바르지 않을수있는점 참고해주시고, 자주하는하는 핵 몇가지만 작성해드리겠습니다.

1. 스타핵 (star hack)
셀렉트 앞에 *html  을 붙히며 Win IE 4~6, Mac IE 4~5 등에 스타일이 적용되며
다른 브라우저에는 적용되지 않습니다.

*html p{ padding:3px; } /* 맨앞에 *html 을 붙임 */ 


2. 언더스코어 핵 (underscore hack)
속성 가장 앞에 언더스코어(_)를 붙이며 Win IE 4~6 등에서 스타일이 적용되고
다른브라우저에서는 적용되지 않습니다.

p { _padding:3px; } /* padding 앞에 _ 를 붙임 */


3. 해시 핵 (hash hack))
앞에 # 를 붙이며 Win IE 4~6, Mac IE 5, Opera 7, Mozila, Firefox 등에 스타일이 적용되고
다른 브라우저에는 적용되지 않습니다. (문법상 앞에 #를 두는 것은 바르지 않음)
p { #padding:3px; } /* padding 속성 앞에 #를 붙임 */


4. 스타 7 핵 (star 7 hack)
셀렉트 앞에 html* 를 붙이며 Win IE 5.5~6, Map IE 5, Safari 등에서 스타일이 적용되고
다른 브라우저에서는 적용되지 않습니다. html* 과 선택자 사이에 공백을 두면 안됨
html*p { padding:3px; }


5. IE7 전용핵
셀렉트 앞에 *:first-child+html 를 붙히며, IE 7에만 적용이 됩니다.
*:first-child+html p { padding:3px; }

 

 


네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
도배방지키
 76758359 보이는 도배방지키를 입력하세요.