너비 속성의 CSS \ 9

너비 속성의 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 픽셀이고 다른 모든 브라우저에서는 #myElement너비가 300 픽셀입니다.

http://webdesignandsuch.com/ie9-specific-css-hack/

---

편집하다:

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

---

IE9 이하의 CSS 해킹입니다.

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

width: 500px\9;

이 기사를 읽으십시오 http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

---

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

예 :

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

---

IE9 용 CSS 해킹

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

참고 URL : https://stackoverflow.com/questions/8004765/css-9-in-width-property