English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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" |
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‹/›
A tabela a seguir descreve os valores dessa propriedade.
Valor | Descrição |
---|---|
scroll | Valor padrão. A imagem de fundo do background é fixa em relação ao elemento em si e rola na viewport com os elementos contidos. |
fixed | A imagem de fundo do background é fixa em relação à viewport e não se move com o elemento. |
local | A 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. |
initial | Defina essa propriedade para seu valor padrão. |
inherit | Se especificado, o elemento relacionado adota o background do elemento pai-Valor calculado do atributo attachment. |
background-Compatibilidade do navegador do atributo attachment, todos os navegadores populares suportam essa propriedade.
|
Consulte a seguinte tutorial:Fundo CSS,CSS3Fundo。
Propriedades relacionadas:background,background-color,background-clip,background-image,background-origin,background-position,background-repeat,background-size。