CSS 해킹 백과사전 - IE6-IE10, FireFox, Chrome, Opera_Experience 교환을 구별하는 방법을 배웁니다.

.content .test {
width : 200px;
높이: 200px;
배경: #f60; /*all*/
배경: #06f9; /*IE*/
*배경: #666; */
_Background: #ccc; /*IE6*/
}

/* 웹킷 및 오페라 */
@media all 및 (min-width:0){
.content . 테스트 {
배경: #0f0;
}
}

/* webkit */
@media 화면 및 (-webkit-min-device-pixel-ratio :0) {
.content .test {
배경: #ff0;
}
}

/*FireFox*/
@-moz-document url-prefix () {
.content .test {
배경: #f0f;
}
}

/*IE9+*/
@media all 및 (최소 너비: 0) {
.content .test{
배경: #f009;
}
}

/*IE10+*/
@media 화면 및 (-ms-high -대비: 활성), (-ms-고대비: 없음) {
.content .test {
배경: #0ff;
}
}