CSS múltiples Fondos no funciona en IE8

Question

He definido la siguiente clase CSS:

.box .login { 
    border: 0; 
    float: right; 
    clear: both; 
    height: 48px; 
    background: url(../images/submitr.gif) no-repeat right; 
    line-height: 20px; 
    padding: 12px 42px 16px 23px; 
    margin: 8px 22px; 
    color: #FFF; 
    font-weight: bold; 
} 

El fondo múltiple están funcionando perfectamente en Chrome, Firefox, Opera, Safari, e IE9. Sin embargo, no están trabajando en IE8. ¿Alguien sabe por qué es eso?

(si sólo tengo un fondo, que funciona en IE8. Es cuando comienzo a la introducción de esos otros fondos que comienza a voltear a cabo.)

Gracias por la ayuda! Realmente lo aprecio :)

Answer 1

Múltiples fondos es una especificación CSS3. IE8 NO entiende CSS3, e IE9 no comprende todo. Para que funcione en navegadores más antiguos, deberá combinar las imágenes en una, o superponer múltiples elementos para que todas ellas se muestren una encima de la otra. z-index: es su amigo :-)

Answer 2

Internet Explorer 8 no admite fondos múltiples de CSS 3.

Answer 3

Bueno, yo soy un poco tarde, supongo, pero hay maneras de tener fondos multipe con CSS2.1 que trabajan en IE8:

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/