CSS propiedad Imagen de fondo
Ejemplos
Antecedentes elemento de la imagen corporal:
{
background-image:url('paper.gif');
background-color:#cccccc;
}
Trate »
definiciones de código e instrucciones
propiedad Imagen de fondo establece la imagen de fondo de un elemento.
El tamaño total de los elementos de fondo del elemento, incluyendo el relleno y el borde (pero sin incluir los márgenes).
Por defecto, el origen de la imagen se coloca en la esquina superior izquierda del elemento, y repetir vertical y horizontalmente.
| Por defecto: | ninguno |
|---|---|
| herencia: | no |
| Version: | CSS1 |
| la sintaxis de JavaScript: | objetar object.style.backgroundImage = "url (stars.gif)" |
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
| Property | |||||
|---|---|---|---|---|---|
| background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Tenga en cuenta que IE8 y navegadores antiguos no soportan múltiples imágenes de fondo en un elemento
Tenga en cuenta que Internet Explorer 7 y versiones anteriores no son compatibles con el valor "hereda".IE8 necesita definir! DOCTYPE. IE9 soporta la "herencia".
Notas y sugerencias
Consejo: Asegúrese de ajustar el color de fondo, si la imagen no está disponible, se utilizará.
propiedad Valor
| valor | explicación |
|---|---|
| url( "URL") | URL de la imagen |
| ninguno | No se visualiza ninguna imagen de fondo. Este es el valor por defecto |
| heredar | Especificar una imagen de fondo debe ser heredado de elemento padre |
ejemplos en línea
múltiples imágenes de fondo
Este ejemplo demuestra los documentos múltiples imágenes de fondo.
Artículos relacionados
CSS tutorial: Antecedentes CSS
CSS3 tutorial: Fondos de CSS3