Háttér-csatolás - CSS-trükkök

A background-attachmentCSS tulajdonság megadja, hogy a hátteret hogyan helyezze át a nézetablakhoz képest.

Három érték: scroll, fixedés local. Ennek legjobb magyarázata a bemutató (próbáld meg görgetni az egyes háttereket):

Lásd Timothy Miller (@tjacobdesign) Toll háttér mellékletének bemutatóját a CodePen-en.

Két különböző background-attachmentnézetre kell gondolni, amikor beszélünk : a fő nézetről (böngészőablak) és a helyi nézetről (ezt a fenti bemutatóban láthatja).

scrollaz alapértelmezett érték. A fő nézettel görget, de rögzítve marad a helyi nézetben.

fixedfix marad bármi. Ez olyan, mint egy fizikai ablak: az ablak körül mozogva megváltozik a perspektíva, de az nem változik, hol vannak az ablakon kívüli dolgok.

localazért találták ki, mert az alapértelmezett scrollérték fix háttérként működik. A fő nézettel és a helyi nézettel egyaránt görget. Van néhány nagyon jó dolog, amit megtehetsz vele.

Összefüggő

háttér-klip
háttérszín
háttérkép
háttér-eredet
háttér-helyzet
háttérismétlés
háttérméret

További források

CSS3 Spec
MDN

Böngésző támogatás

Az fixedés scrollértékek mindenhol támogatottak, bár fixedfurcsán viselkedhetnek a mobilon. localtámogatja ezt a böngészőt:

Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.