Załącznik w tle - CSS-Tricks

background-attachmentNieruchomość w Określa CSS jak poruszać tle stosunku do rzutni.

Istnieją trzy wartości: scroll, fixed, i local. Najlepszym sposobem wyjaśnienia tego jest prezentacja (spróbuj przewijać poszczególne tła):

Zobacz demonstrację załącznika w tle pióra autorstwa Timothy'ego Millera (@tjacobdesign) w witrynie CodePen.

Mówiąc o dwóch różnych widokach, o których warto pomyśleć background-attachment: widok główny (okno przeglądarki) i widok lokalny (możesz to zobaczyć w powyższym demo).

scrolljest wartością domyślną. Przewija się z widokiem głównym, ale pozostaje na stałe w widoku lokalnym.

fixedpozostaje naprawiony bez względu na wszystko. To trochę jak fizyczne okno: poruszanie się po oknie zmienia perspektywę, ale nie zmienia się tam, gdzie rzeczy są za oknem.

localzostał wynaleziony, ponieważ scrollwartość domyślna działa jak stałe tło. Przewija zarówno widok główny, jak i widok lokalny. Jest kilka całkiem fajnych rzeczy, które możesz z tym zrobić.

Związane z

background-clip
kolor tła
zdjęcie w tle
pochodzenie tła
pozycja tła
powtarzanie tła
background-size

Więcej zasobów

Specyfikacja CSS3
MDN

Wsparcie przeglądarki

Wartości fixedi scrollsą obsługiwane wszędzie, chociaż fixedmogą działać dziwnie na urządzeniach mobilnych. localobsługuje tę przeglądarkę:

Te dane dotyczące obsługi przeglądarek pochodzą od Caniuse, który zawiera więcej szczegółów. Liczba wskazuje, że przeglądarka obsługuje tę funkcję w tej wersji i nowszych.