Come utilizzare il mixin Compass background-with-css2-fallback?

Question

Come utilizzare il mixin Compass background-with-css2-fallback con un fallback?

In particolare, desidero essere in grado di impostare un colore di sfondo predefinito per le versioni precedenti di IE.

Ecco cosa Attualmente sto cercando, ma IE8 e al di sotto non sembrano riconoscerlo:

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

Answer 1

Lo scopo di background-with-css2-fallback è per salvare voi da scrittura della linea di background: #0E1B31;. Si potrebbe utilizzare in questo modo:

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

Che cosa otterrete è questo:

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

Penso che davvero desidera solo:

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

che funzionerà lo stesso, essere più leggibile e produce meno codice. Puoi modificare l'inclusione su background-image se vuoi che il colore si attacchi dietro il gradiente nei nuovi browser.