¿Cómo se utiliza la brújula fondo-con-css2-repliegue mixin?

Question

¿Cómo utilizo Compass background-with-css2-fallback mixin con una alternativa?

Estoy específicamente querer ser capaz de establecer un color de fondo por defecto para las versiones antiguas de IE.

Aquí es lo que estoy tratando actualmente, pero IE8 y por debajo no parece que reconocerlo:

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

Answer 1

El propósito de background-with-css2-fallback es para ahorrarle de escribir la línea background: #0E1B31;. Se podría utilizar de esta manera:

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

Lo que se obtiene es la siguiente:

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

Creo que lo que realmente quieres:

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

que funcionará el mismo, será más legible y menos código de salida. Puede cambiar el include a background-image si desea que el color de quedarse detrás del gradiente en los nuevos navegadores.