English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência do CSS

regras do CSS

大全 de propriedades do CSS

Fundo CSS-Uso e exemplo do atributo attachment

Fundo CSS-A propriedade attachment define se a imagem de fundo do CSS rola com o documento ou permanece fixa na área de visualização.

A tabela a seguir resume o contexto de uso e histórico de versões dessa propriedade

Valor padrão:scroll
Aplicável a:Todos os elementos
Herança:Não
Animável:Não.Veja também Propriedade de animação
Versão:CSS 1,2,3
Sintaxe JavaScript:    
object    object.style.backgroundAttachment="fixed"

background-Sintaxe de uso do attachment

A sintaxe dessa propriedade é a seguinte:

background-attachment: scroll | fixed | initial | inherit

Os seguintes exemplos mostram como usar background-Atributo attachment

body { background-image: url("images/recycle.jpg");background-attachment: fixed;}
Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
scrollValor padrão. A imagem de fundo do background é fixa em relação ao elemento em si e rola na viewport com os elementos contidos.
fixedA imagem de fundo do background é fixa em relação à viewport e não se move com o elemento.
localA imagem de fundo do background permanece fixa em relação ao conteúdo do elemento: se o elemento tiver um mecanismo de rolagem, o background rola com o conteúdo do elemento.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o background do elemento pai-Valor calculado do atributo attachment.

Compatibilidade do navegador

background-Compatibilidade do navegador do atributo attachment, todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Leia mais

Consulte a seguinte tutorial:Fundo CSSCSS3Fundo

Propriedades relacionadas:backgroundbackground-colorbackground-clipbackground-imagebackground-originbackground-positionbackground-repeatbackground-size