css - 不透明度解析错误

Question

我得到了这个http://pastebin.com/thfyTJ0K

.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 的行。我试着把~这些线放进去，但没有用

Answer 1

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

另外：使用(opacity=50)代替(opacity=.5)