propiedades de fondo CSS
Ejemplos
Configuración de múltiples imágenes de fondo en un elemento div (y especificar su ubicación):
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}
Trate »
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.
属性 | |||||
---|---|---|---|---|---|
background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Todos los principales navegadores soportan atributos fondo.
Tenga en cuenta que Internet Explorer 8 y versiones anteriores no son compatibles con una pluralidad de elementos de la imagen de fondo.
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".
definiciones de código e instrucciones
Antecedentes propiedad abreviada puede establecer todas las propiedades de fondo en una declaración.
Propiedades que puede establecer son: background-color, background-position, el fondo de tamaño, background-repeat, el origen de origen, formación-clip, background-attachment, y el fondo de la imagen.
Si lo anterior no se encuentra un valor, no importa, como background: # FF0000 URL (smiley.gif); está permitido.
Por defecto: | Consulte la separación de bienes |
---|---|
herencia: | no |
Version: | CSS1 + CSS3 nuevas propiedades |
la sintaxis de JavaScript: | objetar object.style.background = "url rojo (smiley.gif) arriba a la izquierda no-repeat" |
gramática
valor | explicación | CSS |
---|---|---|
background-color | Especifica el color de fondo a utilizar | 1 |
background-position | Especifica la ubicación de la imagen de fondo | 1 |
fondo de tamaño | Especifica el tamaño de la imagen de fondo | 3 |
background-repeat | Especifica cómo se repita una imagen de fondo | 1 |
fondo-origen | área de ubicación especificada imagen de fondo | 3 |
fondo-clip | Especifica el área de fondo de la pintura imagen | 3 |
background-attachment | Establecer la imagen de fondo es fijo o desplazándose con el resto de la página. | 1 |
Imagen de fondo | Especificar una o más imágenes de fondo que se utilizará | 1 |
Artículos relacionados
CSS tutorial: Antecedentes CSS
CSS3 tutorial: Fondos de CSS3