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）; はzoom：1を設定していますので、hasLayoutを実現できます

float：left！important; ！importantはすべてのブラウザでサポートされており、宣言に別のレイヤーを追加するだけです。私はかなり肯定的です！重要なことは上記のCSSでは重要ではありません。

runtimeStyleオブジェクトは、グローバルスタイルシート、インラインスタイル、およびHTML属性で指定された書式とスタイルをオーバーライドする、オブジェクトのスタイルを表します。 この場合、pageloadで.navの位置は相対