如何使用Compass background-with-css2-fallback mixin？

Question

如何使用Compass background-with-css2-fallback mixin进行回退？

我特别希望能够为旧版本的IE设置默认背景色。

这里就是我正在努力，但IE8及以下似乎并没有认识到它：

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

Answer 1

的background-with-css2-fallback目的是为了救你脱离写background: #0E1B31;线。你会使用这样的：

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

你将得到的是这样的：

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; 
} 

我觉得你真的只是想：

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

它将工作一样，是更可读，输出更少的代码。如果您希望颜色在较新的浏览器中保持渐变，您可以将包含更改为background-image。