Question

在下面有一些IE6 css hacks我需要他们的标准等价。

.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＆lt; 9-only方式设置属性。

Answer 2

zoom：expression（runtimeStyle.zoom = 1）; 设置缩放：1，这样你就可以实现hasLayout

浮动：离开！重要; ！important在所有浏览器中都受支持，只是为您的声明添加了另一层特异性。我非常肯定！重要的是在上面的css中并不重要...没有双关语意图:)）

position：expression（runtimeStyle.position ='relative'）;

runtimeStyle对象表示对象的样式，它覆盖全局样式表，内联样式以及HTML属性中指定的格式和样式。在这种情况下，在pageload上，.nav的位置设置为relative

IE6 css hacks和他们的标准css等价？

2 个答案: