【问题标题】:LESS (client side) does not compile certain CSS propertiesLESS(客户端)不编译某些 CSS 属性
【发布时间】:2013-12-20 17:08:11
【问题描述】:

我正在开发的网站需要支持 IE7,而display: inline-block 在那里无法使用。

通过搜索我发现*display: inline;*zoom: 1; 可以解决这个问题。问题是这不会出现在我用 LESS 编译的 CSS 中。

即使zoom: 1; 也无法编译(没有星号)。可以肯定的是,我在同一个 CSS 类中添加了一些其他有效属性并且有效。

总之:我无法在我的浏览器中使用 LESS 来使用 zoom 和 IE7 CSS 属性选择器 (*)。有什么解决办法吗?

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

【问题讨论】:

标签: javascript css internet-explorer browser less


【解决方案1】:

使用 LESS 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;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多