> Faqs > Poner 2 imágenes de fondo a un mismo elemento

Poner 2 imágenes de fondo a un mismo elemento

Tengo una etiqueta DIV y me gustaría ponerle dos imágenes de fondo distintas... estaba pensando en colocar una imagen de fondo alineada a derecha con un logotipo y luego en toda la capa quería poner un degradado que de un efecto guapo... La historia es, que yo sepa, con CSS sólo puedo colocar un fondo y quería saber como hace la gente para crear elementos con varios fondos, si es que se puede. Gracias...

Respuestas

Ciertamente, con CSS sólo puedes poner un fondo de imagen por elemento. Pero eso por el momento, porque CSS3 ya trae atributos para colocar más de un fondo distinto a un mismo elemento. No obstante, como a fecha de hoy no todos los navegadores soportan CSS3, te recomiendo utilizar un truquillo bastante sencillo. Se trata de anidar varios elementos, por ejemplo, varias capas DIV y a cada una le colocas uno de los fondos que querías poner en tu DIV inicial. Lo único que tienes que tener en cuenta es que habrá unos fondos que se coloquen por encima de otros y dependerá de cómo hayas anidado las capas. El caso es que esto de poner dos fondos distintos a un mismo elemento (o incluso poner más fondos distintos) lo puedes ver en un artículo que publicamos hace tiempo en DesarrolloWeb.com. Te dejo la URL del artículo: http://www.desarrolloweb.com/articulos/multiples-imagenes-de-fondo-con-css.html

Miguel Angel
3090 138 206 17