weixin / mixins.less

基于 Less 的 CSS 代码片段复用和混入库

Home Page:http://mixinsless.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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同时支持 rgbafilter \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;
  }
}

多谢,已更新
9021759