sass - Compass Sass グラデーションに代替単色を含めますか?

Question

私は自分のサイトでコンパスを使用しており、次のようなスタイルを作成しています:

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

問題は、これには古い IE の単色フォールバックが含まれていないことです。次のような行を含める必要がありますか

background-color: #c9c9c9;

または、コンパスにこれを自動的に処理させる方法はありますか?

Answer 1

私の知る限り、Compassには、背景画像の宣言から背景色を自動的に計算する方法がありません。これは、その構築方法が原因です。そこに複数のグラデーションを含めることができ、Compassは実際にはどれを知ることができません。これらの色はすべてベースカラーになるはずです。

私がアドバイスする1つの方法は、次のようなグラデーションラッパーを作成することです。

=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))