background-attachmentVara CSS Määrab, kuidas liikuda tausta suhtes vaateava.
On kolm väärtused: scroll, fixedja local. Parim viis selle selgitamiseks on demo (proovige kerida üksikuid taustu):
Vaadake CodePeni saidil Timothy Milleri (@tjacobdesign) pliiatsi tausta manuse demot.
Rääkides tuleb mõelda kahele erinevale background-attachmentvaatele: peavaade (brauseriaken) ja kohalik vaade (seda näete ülaltoodud demos).
scrollon vaikeväärtus. See kerib põhivaates, kuid jääb kohalikus vaates fikseerituks.
fixedpüsib fikseeritud ükskõik mis. See on nagu füüsiline aken: akna ümber liikumine muudab teie perspektiivi, kuid see ei muuda seda, kus asjad asuvad väljaspool akent.
localleiutati, kuna vaikeväärtus scrolltoimib nagu fikseeritud taust. See kerib nii põhivaates kui ka kohalikus vaates. Sellega saate teha päris lahedaid asju.
Seotud
- taustklipp
- taustavärv
- taustapilt
- taust-päritolu
- taust-positsioon
- taust-kordus
- tausta suurus
Rohkem ressursse
- CSS3 spetsifikatsioon
- MDN
Brauseri tugi
fixedJa scrollväärtused toetavad kõikjal, kuigi fixedvõib käituda kummaliselt mobiilis. localon selle brauseri tugi:
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 4 | 25 | 9 | 12 | 5 |
Mobiil / tahvelarvuti
| Android Chrome | Android Firefox | Android | iOS-i Safari |
|---|---|---|---|
| 88 | 85 | 4.2–4.3 | 14,0–14,4 |
Chrome-on-Android toetab local, kuid vana Android-brauser mitte.