internet-explorer - compass 、SASS、梯度和 IE？

Question

这个问题在这里已经有了答案:





CSS (perhaps with Compass): Cross-browser gradient

(3 个回答)


6年前关闭。




因此，根据 compass 的说法，在渐变方面，它们仅支持 Chrome、Safari、Firefox 3.6 和 Opera。

关于如何在 compass/其他一些解决方法中添加对 IE 的支持的任何想法？

代码:

  @import "compass";    
   .testgradient {
    @include background(
      linear-gradient(top left, #333, #0c0)
    );
  }

代码输出:

.testgradient {

  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #333333), color-stop(100%, #00cc00));

  background: -webkit-linear-gradient(top left, #333333, #00cc00);

  background: -moz-linear-gradient(top left, #333333, #00cc00);

  background: -o-linear-gradient(top left, #333333, #00cc00);

  background: linear-gradient(top left, #333333, #00cc00);
}

Answer 1

对于IE10之前的IE版本，需要处理IE的gradient filter .

对于 IE10 和更新版本，不带前缀的 linear-gradient应该可以工作 [1] .但是，如果您遇到问题，other sites只需使用供应商前缀 -ms-linear-gradient .这两个版本的语法与所有其他供应商前缀的渐变相同。