[스크랩] IE css 핵

IE 핵 (css hack)

IE6 핵(underscore hack)

div{_width:100px; _height:50px;}               속성 앞에 언더바(_)를 붙여준다.

IE6 핵(star hack)

*html div{width:100px; height:50px;}               선택자 앞에 *html를 붙여준다.

IE7 핵(star hack)

*div{width:100px; height:50px;}               선택자 앞에 별(*)를 붙여준다.

IE7 핵

 *+html body div{width:100px; height:50px;}/* IE7, OPERA 적용 */
*:first-child+html div{width:100px; height:50px;}/* IE7 적용 */

선택자 앞에 *+html body 또는 *:first-child+html 을 붙이면 IE7 or Opera 에서 적용이 됩니다.

IE 6, 7 핵(dot hack)

div{.width:100px; .height:50px;}

프로퍼티의 가장 앞부분에 닷(.)를 붙이면 IE6, 7에서만 적용이 됩니다.

IE 7, 8, 9 핵(선택자 핵)

html>body div{width:100px; height:50px;}

셀렉트 앞에 html>body를 붙이면 IE7, 8, 9에서 적용이 됩니다.

IE8 핵

div{width:100px; height:50px\9;}

프로퍼티 마지막에 \9 를 붙인다.(

 단, IE6~7에서도 인식이 된다.)

IE8 핵(속성 핵)

div{width:/*＼**/100px; height:/*＼**/50px;}

프로퍼티의 속성값 앞부분에 (/*＼**/) 를 붙이면 IE8에서만 적용이 됩니다.

→ 포스팅 작성시에 테스트 했을때는 되었는데 현재 다시 사용하니 적용이 안됨 (2012.10.16) -- ??

IE8, IE9 ,IE8+9 핵

div{width:100px \0/IE8+9; height:50px  \0/IE8+9;}

프로퍼티의 속성값 뒷부분에 \0/IE8 를 붙이면 IE8 에서 적용이 됩니다.

프로퍼티의 속성값 뒷부분에 \0/IE9 를 붙이면 IE9에서 적용이 됩니다.

프로퍼티의 속성값 뒷부분에 \0/IE8+9 를 붙이면 IE8과 IE9 모두 적용이 됩니다.

참고

http://blog.naver.com/0131v?Redirect=Log&logNo=110119269445
http://biew.co.kr/5
http://www.nmindplus.com/2006/06/28/css-hack/