Ejemplo
Establecer una imagen de fondo que se fija (will not scroll) :
document.body.style.backgroundAttachment = "fixed";
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
Los conjuntos o devoluciones de propiedad backgroundAttachment si una imagen de fondo deben desplazarse con el contenido, o ser fijo.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Propiedad | |||||
---|---|---|---|---|---|
backgroundAttachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis
Devolver la propiedad backgroundAttachment:
object .style.backgroundAttachment
Establecer la propiedad backgroundAttachment:
object .style.backgroundAttachment="scroll|fixed|local|initial|inherit"
Valores de propiedad
Valor | Descripción |
---|---|
scroll | Los rollos de fondo junto con el elemento. Esto es por defecto |
fixed | El fondo está fija con respecto al acceso visual |
local | Los rollos de fondo junto con el contenido del elemento |
initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
Valor por defecto: | voluta |
---|---|
Valor de retorno: | Una cadena, que representa cómo la imagen de fondo se une al objeto dentro del documento |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Elija entre desplazamiento y local en un elemento DIV:
document.getElementById("myDIV").style.backgroundAttachment = "local";
Inténtalo tú mismo " Ejemplo
Alternar entre desplazamiento y fijo:
var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll";
Inténtalo tú mismo " Ejemplo
Devolver el valor de la propiedad background-attachment:
alert(document.body.style.backgroundAttachment);
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: Antecedentes CSS
Referencia CSS: background-attachment property
Referencia HTML DOM: background property
<Estilo de objeto