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也有更好的支持评论和变量范围。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效