css - tipos - La simulación de color se detiene en degradados para IE

texto degradado css

Question

Quiero darle a un div un degradado con múltiples paradas de color, cuya propiedad de filtro IE no es compatible. ¿Alguien tiene una solución creativa para simular el color se detiene en IE? Ya pensé en crear varios divs uno al lado del otro ... ¿algo más?

¡Gracias!

Answer 1

Múltiples divs con colores degradados coordinados es la mejor manera (menos que usar imágenes) para crear 3+ gradientes de color. Vea el violín a continuación para una prueba de trabajo:

http://jsfiddle.net/Hauhx/

Answer 2

Te recomendaría utilizar una imagen de fondo como alternativa para navegadores (como Opera e IE) que no admiten gradientes de CSS.

Answer 3

O usa CSS3 PIE. Muy fácil.

Desde Establecer la posición inicial y final del gradiente lineal en MSIE 9 y anteriores

div {
    background-image: -moz-linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);

    -pie-background: linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);
behavior: url(/PIE.htc);
}

Actualización: si el div tiene un margen superior, parece que lo elimina. Al menos en mi caso. No sé si es una combinación de dos cosas.