Pozadina-privitak - CSS-trikovi

background-attachmentNekretnina u CSS Određuje kako da se presele u pozadini u odnosu na viewport.

Postoje tri vrijednosti: scroll, fixedi local. Najbolji način za objašnjenje je putem demonstracije (pokušajte pomicati pojedinačne pozadine):

Pogledajte demonstracijski prilog o pozadini olovke Timothyja Millera (@tjacobdesign) na CodePenu.

Postoje dva različita pogleda o kojima trebate razmišljati background-attachment: glavni prikaz (prozor preglednika) i lokalni prikaz (to možete vidjeti u demonstraciji iznad).

scrollje zadana vrijednost. Pomiče se s glavnim prikazom, ali ostaje fiksiran unutar lokalnog pogleda.

fixedostaje fiksiran bez obzira na sve. To je poput fizičkog prozora: kretanje oko prozora mijenja vašu perspektivu, ali se ne mijenja tamo gdje su stvari izvan prozora.

localje izumljen jer zadana scrollvrijednost djeluje poput fiksne pozadine. Pomiče se kako s glavnim pogledom, tako i s lokalnim. Neke možete učiniti prilično cool stvari.

Povezano

pozadina-isječak
boja pozadine
pozadinska slika
podrijetlo podrijetla
pozadinski položaj
pozadina-ponavljanje
veličina pozadine

Više resursa

CSS3 Spec
MDN

Podrška preglednika

Vrijednosti fixedi scrollpodržane su svugdje, iako fixedse na mobitelima mogu čudno ponašati. localima podršku za ovaj preglednik:

Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.