sass - 在 Compass Sass 渐变中包含后备纯色？

Question

我在我的网站上使用指南针，并创建了一种样式，例如：

@include background-image(linear-gradient(top, #C9C9C9, #FFF)); 

问题是，这不包括旧 IE 的纯色回退。我是否只需要包含一行

background-color: #c9c9c9;

或者有没有办法让 Compass 自动为我处理这个问题？

Answer 1

据我所知，Compass 无法从背景图像声明中自动计算背景颜色，因为它的构建方式：您可以在其中有多个渐变，而 Compass 无法真正知道哪个所有这些颜色都应该是基础颜色。

我建议的一种方法是创建一个渐变包装器，如下所示：

=gradient-horizontal($startColor: #555555, $endColor: #333333)
    background-color: $endColor
    background-color: mix($startColor, $endColor) // Second possibility
    +filter-gradient($startColor, $endColor, horizontal)
    +background-image(linear-gradient(left, $startColor, $endColor))