CSS 익스플로러 IE만 적용

익스플로러 IE만 CSS적용하기

첫번째 방법

 /* IE10+ */ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
 selector { property:value; } 
}


/* IE6,7,9,10 */ 
@media screen and (min-width: 640px), screen\9 { 
 selector { property:value; } 
} 
  
/* IE6,7 */ 
@media screen\9 { 
 selector { property:value; } 
}



/* IE8 */ 
@media \0screen { 
 selector { property:value; } 
} 
  
/* IE6,7,8 */ 
@media \0screen\,screen\9 { 
 selector { property:value; } 
} 
  
/* IE9,10 */ 
@media screen and (min-width:0\0){ 
 selector { property:value; } 
} 

 

두번째 다른 방법

<!--스타일 시트를 따로 빼버리는 방법-->
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="only-ie.css" />
<![endif]-->
 

<!--HTML안에 스타일CSS를 바로 입력하는 방법-->
<!--[if IE]>
<style>
    selector { property:value; }
</style>
<![endif]-->