728x90

IE 버젼별 CSS 핵

 

#element { 

 color: blue;

#element{

*color: white;      /*  IE6+7 용 */

}

#element{

_color: red;       /*  IE6  용 */ 

}

#element{

color: green  \0/IE8+9; /*  IE8+9  용 */

}

:root #element{

color: pink  \0/IE9;    /*   IE9 용  */

}

 

출처: http://blog.vervestudios.co/blog/post/2011/05/13/IE9-Only-CSS-Hack.aspx

 

@media all and (min-width:0) {

 #element { color:pink \0/; }

}

 

출처: http://stackoverflow.com/questions/3890740/are-there-any-ie9-css-hacks

 

#element {

prop: value;        /*  Real browsers  */

_prop: value;      /*  IE6     */

*prop: value;      /*  IE6+7  */

prop: value\9;   /*  IE8     */

}

 

출처: http://stackoverflow.com/questions/3890740/are-there-any-ie9-css-hacks

 

윗글의 댓글에 *prop는 IE7이하 에서만 작동, \9 는 IE8에서만 작동한다고  올라와 있슴



 [출처] IE9 전용 CSS hack|작성자 asm2853

[출처] IE9 전용 CSS hack|작성자 asm2853


  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기