LESSCSS方法与IE FIlter Alpha不透明CSS

我使用 LESSCSS.我试图创建一个不透明度的方法：

.opacity (@opacity) 
{
    opacity: @opacity;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@opacity * 100))"; 
    filter: alpha(opacity = (@opacity * 100));
}

所以，如果我调用它使用：

h1 {
  .opacity(.5);
}

我想要输出：

h1 {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  filter: alpha(opacity = 50);
}

但是，相反，LESS抛出的错误：

Expected '}' on line 30 in file '/Content/styles/style.less.css':
 [29]:     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@opacity * 100))"; 
 [30]:     filter: alpha(opacity = (@opacity * 100));
       ----^
 [31]: }

我究竟做错了什么？

解决方法

在无点，做这个。 (我不会推荐脚本标签 – 它们是丑陋的，语言特定的，不支持dotless)。

.opacity (@opacity) {
    @opacityPercentage: @opacity * 100;
    opacity: @opacity;
    -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}))"; 
    filter: ~"alpha(opacity = (@{opacityPercentage}))";
}

在无点1.2.3(当它在几个星期释放，或github头，你应该能够这样做… …

.opacity (@opacity) {
    @opacityPercentage: @opacity * 100;
    opacity: @opacity;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@opacityPercentage)); 
    filter: alpha(opacity = (@opacityPercentage));
}

和re：Mathletics的评论，dotless不是“最坏的编译器”..它将less.js匹配到1.1.5，很快就是1.2.2，许多针对less.js的600错误被固定在无点。你可能在8个月前使用dotless，但事情的变化和错误是固定的… dotless也有更好的支持评论和变量范围。

原文地址：https://www.jb51.cc/css/220093.html