[css] 너비 속성의 CSS \ 9

이것의 의미는 무엇입니까? 브라우저 해킹이라고 생각하지만 정확히 무엇을 찾을 수 없었습니다.

width: 500px\9;

의 의미는 \9무엇입니까?

\9 Internet Explorer 7, 8 및 9에 특정한 “CSS 핵”입니다.

이것은 단순히 \9;대신에 끝나는 CSS의 특정 라인이 ;IE 7, 8, & 9에서만 유효 함을 의미합니다 .

귀하의 예에서

width: 500px\9;width: 500px;IE 7, 8, & 9를 사용하는 동안에 만 500 픽셀의 너비 (와 동일한 결과 )가 적용됨을 의미합니다.

다른 모든 브라우저는 width: 500px\9;전적으로 무시 되므로 width: 500px;요소에 전혀 적용되지 않습니다 .

CSS가 다음과 같다면 …

#myElement {
    width: 300px;
    width: 500px\9;
}

결과는 #myElementIE 7, 8 및 9에서는 500 픽셀이고 다른 모든 브라우저에서는 #myElement300 픽셀입니다.

편집하다:

이 답변은 2011 년에 작성되었습니다. 이제이 핵은 IE 10에서도 작동합니다.

IE9 이하의 CSS 해킹입니다.

다음과 같이 작성하십시오.

width: 500px\9;

IE9에서는 너비 속성을 설정하기 위해이 핵을 추가하십시오.

예 :

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}

IE9 용 CSS 해킹

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}