Compass background-with-css2-fallback mixinを使用するにはどうすればよいですか？

Question

コンパスbackground-with-css2-fallback mixinとフォールバックを使用するにはどうすればよいですか？

IEの古いバージョンのデフォルトの背景色を特に設定したいと思っています。

div { 
    background: #0E1B31; 
    @include background-with-css2-fallback(linear-gradient(top, #0E1B31, #0A1322)); 
} 

Answer 1

background-with-css2-fallbackの目的はbackground: #0E1B31;ラインを書くことからあなたを救うためにある：ここでは

は、私は現在しようとしているが、以下IE8とは、それを認識していないようです何。あなたはこのようにそれを使用します。

div { 
    @include background-with-css2-fallback(linear-gradient(top, #0E1B31, #0A1322), #0E1B31); 
} 

あなたが得る何これです：

div { 
    background: #0E1B31; 
    @include background(linear-gradient(top, #0E1B31, #0A1322)); 
} 

それがあること、同じように動作します：

div { 
    background: #0e1b31; 
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e1b31), color-stop(100%, #0a1322)), #0e1b31; 
    background: -webkit-linear-gradient(top, #0e1b31, #0a1322), #0e1b31; 
    background: -moz-linear-gradient(top, #0e1b31, #0a1322), #0e1b31; 
    background: -o-linear-gradient(top, #0e1b31, #0a1322), #0e1b31; 
    background: -ms-linear-gradient(top, #0e1b31, #0a1322), #0e1b31; 
    background: linear-gradient(top, #0e1b31, #0a1322), #0e1b31; 
} 

私はあなたが本当にただたいと思いますより読みやすく、少ないコードを出力できます。より新しいブラウザでグラデーションの後ろに色を塗りつぶす場合は、インクルードをbackground-imageに変更できます。