Exemplo
Definir uma imagem de fundo a ser fixado (will not scroll) :
document.body.style.backgroundAttachment = "fixed";
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
Os backgroundAttachment conjuntos de propriedades ou retorna se uma imagem de fundo deve rolar com o conteúdo, ou ser corrigido.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Propriedade | |||||
---|---|---|---|---|---|
backgroundAttachment | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Sintaxe
Devolver o imóvel backgroundAttachment:
object .style.backgroundAttachment
Defina a propriedade backgroundAttachment:
object .style.backgroundAttachment="scroll|fixed|local|initial|inherit"
Valores de propriedade
Valor | Descrição |
---|---|
scroll | Os rolos de fundo, juntamente com o elemento. Este é o padrão |
fixed | O fundo é fixo em relação ao visor |
local | Os pergaminhos fundo junto com o conteúdo do elemento |
initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
Valor padrão: | rolagem |
---|---|
Valor de retorno: | A String, que representa a forma como a imagem de fundo é anexado ao objeto dentro do documento |
CSS Versão | CSS1 |
mais Exemplos
Exemplo
Escolha entre rolagem e local sobre um elemento DIV:
document.getElementById("myDIV").style.backgroundAttachment = "local";
Tente você mesmo " Exemplo
Alternar entre rolagem e fixo:
var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll";
Tente você mesmo " Exemplo
Devolver o valor da propriedade background-attachment:
alert(document.body.style.backgroundAttachment);
Tente você mesmo " Páginas relacionadas
CSS tutorial: Background CSS
Referência CSS: background-attachment property
Referência HTML DOM: background property
<Estilo de objeto