Question

我的客户在他的网络应用程序中收到错误，该错误会在提交时编译自定义较少的代码。它以前总是有效。我已经确定了有问题的线路，但是经验非常少，我不知道代码有什么问题。我复制了较少的代码并在我的机器上以较少的1.3.3运行它并且我得到以下错误，该错误与Web应用程序上的错误相同：

304   opacity: @opacity / 100;
305    filter: alpha(opacity=@{opacity});
306 }

过滤后的

行305是语法错误发生的地方。

任何人都知道什么是错的？

编辑：如果有帮助，这里是代码的更大部分：

// Resize anything
.resizable(@direction: both) {
  resize: @direction; // Options: horizontal, vertical, both
  overflow: auto; // Safari fix
}

// CSS3 Content Columns
.content-columns(@columnCount, @columnGap: @gridColumnGutter) {
  -webkit-column-count: @columnCount;
     -moz-column-count: @columnCount;
          column-count: @columnCount;
  -webkit-column-gap: @columnGap;
     -moz-column-gap: @columnGap;
          column-gap: @columnGap;
}

// Opacity
.opacity(@opacity: 100) {
  opacity: @opacity / 100;
   filter: alpha(opacity=@{opacity});
}



// BACKGROUNDS
// --------------------------------------------------

// Add an alphatransparency value to any background or border color (via Elyse Holladay)
#translucent {
  .background(@color: @white, @alpha: 1) {
    background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  }
  .border(@color: @white, @alpha: 1) {
    border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
    .background-clip(padding-box);
  }
}

Answer 1

请改为尝试：

.opacity(@opacity: 100) {
  opacity: @opacity / 100;
  filter: ~"alpha(opacity=@{opacity})";
}

Answer 2

为了便于参考（除了 Nathan Taylor 的回答），有效的语法是：

.opacity(@opacity: 100) {
    opacity: @opacity / 100;
    filter: alpha(opacity=@opacity);
}

@{var}表单仅用于字符串内部（当涉及到规则的值部分时）。

用更少的代码获取错误

2 个答案: