IE6 CSS 해킹 및 표준 CSS 동등성?

Question

다음에 몇 가지 IE6 CSS 해킹이 있습니다. 표준 동등성이 필요합니다.

.header { 
    zoom: expression(runtimeStyle.zoom=1); 
    z-index: 1; 
} 
.hmenu ul li { 
    float: left !important; 
} 
ul.hmenu li { 
    margin-left: expression(this.previousSibling==null?'0':'1px'); 
} 
.nav { 
    position: expression(runtimeStyle.position='relative'); 
} 

Answer 1

ul.hmenu li { 
margin-left:expression(this.previousSibling==null?'0':'1px'); 
} 

이 li { margin-left: 1px; }li:first-child { margin-left: 0; }과 동일하다.

IE < 9 가지 방법으로 속성을 설정하는 것 외에 다른 표현식의 요점이 표시되지 않습니다.

Answer 2

줌 : expression (runtimeStyle.zoom = 1); 은 줌 : 1을 설정하므로 hasLayout을 달성 할 수 있습니다.

float : 왼쪽! 중요; ! important는 모든 브라우저에서 지원되며 선언에 다른 특이성 계층을 추가하기 만하면됩니다. 나는 위의 CSS에서 중요한 것은 중요하지 않다 ... 의도 된 말장은 없다.

위치 : expression (runtimeStyle.position = 'relative');

runtimeStyle 객체는 전역 스타일 시트, 인라인 스타일 및 HTML 속성에 지정된 형식 및 스타일을 덮어 쓰는 객체의 스타일을 나타냅니다. 이 경우 pageload에서 .nav의 위치는 상대적으로 설정됩니다.