不透明度解析错误

时间:2013-10-04 15:30:53

标签: css less gruntjs recess

我得到了这个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的行的Parser Error:DXImageTransform.Microsoft.Alpha。我尝试将这些行放~但它不起作用

1 个答案:

答案 0 :(得分:1)

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

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