Fondos múltiples en CSS

CSS permite asignar varias capas de fondo a un mismo elemento. Pueden ser imágenes, colores o gradientes, separados por comas. El orden define qué capa queda arriba o abajo.

Bases: varias imágenes superpuestas

Para usar varias imágenes como fondo, enuméralas separadas por comas en background-image. La primera queda arriba.

En este ejemplo el fondo combina un cielo estrellado y una luna, con posiciones definidas.

Combinar gradientes e imágenes

Los gradientes también pueden ser fondos y mezclarse con imágenes, útil para oscurecer sin modificar el archivo original.

Aquí un gradiente lineal negro transparente cubre la imagen, mejorando la legibilidad del texto.

Consejos para múltiples fondos

Algunos consejos prácticos para usar múltiples fondos:

• Verifica que los fondos se adapten bien en pantallas pequeñas.
• Usa gradientes para resaltar texto sobre fondos.
• El orden define las capas: la primera siempre arriba.