alpha-background IE9下双重叠加
littledu opened this issue · comments
// Alpha background
// -------------------------
.alpha-background(@rgb:#000,@alpha:.5){
@rgba-color:fade(@rgb,@alpha*100);
@argb-color:argb(@rgba-color);
background-color:@rgba-color;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{argb-color}', endColorstr='@{argb-color}', GradientType=0)\9";
zoom:1;
}
如果只是这样的话,IE9同时支持 rgba
和 filter \9
会重叠哦,建议改成这样:
.alpha-background(@rgb:#000,@alpha:.5){
@rgba-color:fade(@rgb,@alpha*100);
@argb-color:argb(@rgba-color);
background-color:@rgba-color;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{argb-color}', endColorstr='@{argb-color}', GradientType=0)";
zoom:1;
:root &{
filter: none;
}
}