¿Puedo establecer dos imágenes de fondo en el mismo elemento con CSS?

Código HTML de ejemplo:

Entonces el td tendrá el primer fondo, y el div dentro tendrá el segundo. Si uno es transparente, el otro se mostrará. Creo que b.png estará en la cima, pero no estoy seguro de eso.

Ahora puedes hacerlo con CSS3. http://www.zenelements.com/blog/css3-background-images/

 #my_CSS3_id { background: url(image_1.extention) top left no-repeat, url(image_2.extention) bottom left no-repeat, url(image_3.extention) bottom right no-repeat; } 

No, cada statement de imagen de fondo reemplazará / anulará la anterior para un elemento dado. Deberá anidar un elemento por cada fondo adicional que desee aplicar. Si está intentando aplicar un borde elegante a un elemento, existen algunas propiedades de borde nuevas en CSS3, pero no son ampliamente compatibles.

algo como esto podría funcionar:

 

Muestra de archivo CSS:

 .a { background-image:url(a.png); } .b { background-image:url(b.png); } 

Parece que la parte “b” se ignora.

¿Hay alguna manera de incluir ambas imágenes en la misma celda, incluso usando otra técnica?

Podrías hacer esto:

 
...

y el css:

 .a { background: url(a.png) top left no-repeat; } .b { background: url(b.png) top right no-repeat; } 

establece el div lo suficientemente ancho y verás una imagen flotando en la parte superior izquierda y la otra en la parte superior derecha

Es una idea intrigante, pero piense cómo funcionan otras propiedades, como el color.

 .a { color: red; } .b { color: blue; } 

¿Cómo podría el texto ser rojo y azul ? En este caso, azul gana el desempate, porque se especifica más adelante.

Puede haber otra manera, si puede crear una imagen ab.png que es el resultado de la combinación de a.png y b.png.

 .a { background-image(a.png) } .b { background-image(b.png) } .ab { background-image(ab.png) } 

Advertencia: no funciona en IE6.

No puede tener ambas imágenes como una imagen BG para una celda. Debe crear 2 celdas o colocar las imágenes como dentro de la celda. Además, algunos navegadores tienen problemas para leer las definiciones de clases class = “abc”.