IE6 css hacks 及其标准 css 等价物？答案

【问题标题】：IE6 css hacks and their standard css equivalence?IE6 css hacks 及其标准 css 等价物？
【发布时间】：2011-12-05 19:12:24
【问题描述】：

在下面有一些 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');
}

【问题讨论】：

我只需要添加。哇。哇！ ;) 从未见过。
CSS 表达式对您的健康有害。只是说。

标签： css internet-explorer-6 css-expressions

【解决方案1】：

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

这相当于li { margin-left: 1px; } 和li:first-child { margin-left: 0; }。

除了以 IE

【讨论】：

【解决方案2】：

缩放：表达式（runtimeStyle.zoom=1）；正在设置 zoom:1 这样就可以实现 hasLayout

浮动：左！重要； !important 在所有浏览器中都受支持，它只是为您的声明添加了另一层特殊性。我很肯定 !important 在上面的 CSS 中并不重要...没有双关语:)

位置：表达式(runtimeStyle.position='relative');

runtimeStyle 对象表示对象的样式，它覆盖了全局样式表、内联样式以及 HTML 属性中指定的格式和样式。在这种情况下，在页面加载时，.nav 的位置设置为相对

【讨论】：