Priloga v ozadju - CSS-triki | Almanah CSS 2025

background-attachmentHotel v CSS podrobneje opredeljuje, kako se premakniti v ozadju glede na začetnega prikaza.

Obstajajo tri vrednote: scroll, fixed, in local. Najboljši način, da to razložite s predstavitvijo (poskusite se pomakniti po posameznih ozadjih):

Oglejte si predstavitev priloge Pen Background Timothyja Millerja (@tjacobdesign) na CodePen.

Ko govorimo, je treba razmisliti o dveh različnih pogledih background-attachment: glavni pogled (okno brskalnika) in lokalni pogled (to lahko vidite v zgornji predstavitvi).

scrollje privzeta vrednost. Pomika se po glavnem pogledu, vendar ostane fiksno v lokalnem pogledu.

fixedostane fiksna ne glede na vse. To je nekako kot fizično okno: premikanje okrog okna spremeni vašo perspektivo, vendar se ne spremeni tam, kjer so stvari zunaj okna.

localje bil izumljen, ker privzeta scrollvrednost deluje kot fiksno ozadje. Pomika se tako po glavnem kot po lokalnem pogledu. Z njim lahko naredite nekaj zelo kul stvari.

Sorodno

posnetek za ozadje
Barva ozadja
slika ozadja
izvor-izvor
položaj ozadja
ozadje-ponovitev
velikost ozadja

Več virov

CSS3 Spec
MDN

Podpora za brskalnik

Vrednosti fixedin scrollso podprte povsod, čeprav fixedse v mobilnih napravah lahko obnašajo nenavadno. localima to podporo za brskalnik:

Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.