不透明度解析错误答案

【问题标题】：Parse Error with Opacity不透明度解析错误
【发布时间】：2013-10-04 15:30:52
【问题描述】：

.opacity0 {
display:block !important;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;

-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: ~progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
}

.opacity50 {
display:block !important;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;

-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
filter: ~progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
filter:alpha(opacity=0.5);
}

.opacity1 {
display:block !important;

-moz-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;
-webkit-transition:all 500ms ease 0s;
transition:all 500ms ease 0s;

-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-ms-filter:~"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: ~progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=1);    
}

当我执行 grunt（我使用 Recess 编译 Less）时，我遇到了一个解析器错误，其中包含 progid:DXImageTransform.Microsoft.Alpha 的行。我试过把~这些行，但是没有用

【问题讨论】：

标签： css less gruntjs recess

【解决方案1】：

.opacity50 {
    -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
     filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}

另外：使用(opacity=50) 而不是(opacity=.5)

【讨论】：