Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : background-image

23 de Diciembre del 2015 por Josep Antoni Bover, 7063 visitas, 0 comentarios, 2 votos con una media de 2 sobre 5.
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta propiedad nos establecer una imagen de fondo. Los navegadores modernos soportan mas de una imagen de fondo y fondos creados mediante Degradados CSS.


Sintaxis

background-image: Valor;
Valor Puede ser una o mas imagenes, o tambien se puede incluir un degradado CSS, incluso puedes mezclar una imagen y un degradado.
Puedes utilizar la función url para especificar una imagen externa, por ejemplo : url('PathImagen.gif').
A la hora de especificar multiples fondos debes separarlos por una coma.
También puedes utilizar un degradado, para más información sobre degradados consulta el siguiente enlace : Referéncia CSS : Degradados.
IE8 e inferiores no soportan fondos multiples, IE9 e inferiores no soportan degradados css.
none Sin fondo.
inherit El fondo se hereda del elemento padre.
Este valor no se soporta en IE7, y en IE8 requiere la declaración de un !DOCTYPE.

Es muy recomendable asignar la propiedad background-color con algun color similar a lo que deberia ser el fondo, por si el navegador no soporta bien la porpiedad background-image.

Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS1.
IE6 e inferiores no soportan imagenes png con fondo transparente.
IE8 e inferiores no soportan fondos multiples.
IE9 e inferiores no soportan Degradados CSS en el fondo.

Soportado a partir de la versión 1
Soportado a partir de la versión 1
Soportado a partir de la versión 3.5
Soportado a partir de la versión 1
Soportado a partir de la versión 4

Documento modificado por última vez : 23/12/2015
Ejemplo modificado por última vez : 20/01/2016

Enlaces relacionados