Anexo de fundo - CSS-Tricks | CSS Almanac 2025

A background-attachmentpropriedade em CSS especifica como mover o fundo em relação à janela de visualização.

Há três valores: scroll, fixed, e local. A melhor maneira de explicar isso é por meio de demonstração (tente rolar os planos de fundo individuais):

Veja a demonstração do anexo Pen Background por Timothy Miller (@tjacobdesign) no CodePen.

Existem duas visualizações diferentes para se pensar ao falar sobre background-attachment: a visualização principal (janela do navegador) e a visualização local (você pode ver isso na demonstração acima).

scrollé o valor padrão. Ele rola com a visualização principal, mas permanece fixo dentro da visualização local.

fixedpermanece fixo, não importa o quê. É como uma janela física: mover-se pela janela muda sua perspectiva, mas não muda onde as coisas estão fora da janela.

localfoi inventado porque o scrollvalor padrão atua como um plano de fundo fixo. Ele rola tanto com a visualização principal quanto com a visualização local. Existem algumas coisas muito legais que você pode fazer com ele.

Relacionado

clipe de fundo
cor de fundo
imagem de fundo
origem do fundo
posição de fundo
fundo de repetição
tamanho do fundo

Mais recursos

CSS3 Spec
MDN

Suporte para navegador

Os valores fixede scrollsão suportados em todos os lugares, embora fixedpossam se comportar de maneira estranha no celular. localtem este suporte de navegador:

Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.