在Compass Sass渐变中包含后备纯色?

时间:2012-06-06 19:22:32

标签: sass compass-sass

我在我的网站上使用指南针,并创建了一个样式,如:

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

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

background-color: #c9c9c9;

或者有没有办法让Compass自动为我处理?

1 个答案:

答案 0 :(得分:2)

据我所知,在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))