Question

我正在处理的网站需要支持IE7，display: inline-block无效。

从搜索中我发现*display: inline;和*zoom: 1;可以解决此问题。问题是这不会出现在我编译的带有LESS的CSS中。

偶zoom: 1;无法编译（没有星号）。为了确保我添加了一些其他有效的属性到同一个CSS类，这是有效的。

总结：我无法在浏览器中使用zoom和IE7 CSS属性选择器（*）与LESS一起使用。对此有任何解决方法吗？

<script>less = {env: 'development'};<script>

Answer 1

少用1.5

// IE7 inline-block
// ----------------
.ie7-inline-block() {
  *display: inline; /* IE7 inline-block hack */
  *zoom: 1;
}

p{
.ie7-inline-block();
}

编译为：

p {
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}

LESS（客户端）不编译某些CSS属性

1 个答案: