Позадина-прилог - ЦСС-трикови

Anonim

background-attachmentИмовина у ЦСС одређује како да се креће позадине у односу на прозору.

Постоје три вредности: scroll, fixed, и local. Најбољи начин да се ово објасни је путем демонстрације (покушајте да померите појединачне позадине):

Погледајте демо прилог Пен Бацкгроунд-а Тимотхи Миллер-а (@тјацобдесигн) на ЦодеПен-у.

Постоје два различита погледа о којима треба размишљати када се говори background-attachment: главни приказ (прозор прегледача) и локални приказ (ово можете видети у демонстрацији изнад).

scrollје подразумевана вредност. Помиче се са главним приказом, али остаје фиксиран унутар локалног приказа.

fixedостаје фиксиран без обзира на све. То је некако као физички прозор: кретање око прозора мења вашу перспективу, али се не мења тамо где су ствари изван прозора.

localје измишљен јер се подразумевана scrollвредност понаша као фиксна позадина. Помиче се како са главним тако и са локалним приказом. Неке прилично лепе ствари можете учинити с тим.

Повезан

  • позадина-исечак
  • боја позадине
  • позадинска слика
  • позадина-порекло
  • позадина-положај
  • позадина-понављање
  • величина позадине

Више ресурса

  • ЦСС3 Спец
  • МДН

Подршка прегледача

Вредности fixedи scrollсу подржане свуда, мада fixedсе на мобилним уређајима могу понашати необично. localима подршку за овај прегледач:

Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.

Десктоп

Хром Фирефок ИЕ Ивица Сафари
4 25 9 12 5

Мобиле / Таблет

Андроид Цхроме Андроид Фирефок Андроид иОС Сафари
88 85 4.2-4.3 14.0-14.4

Цхроме-он-Андроид подржава local, али стари Андроид прегледач не.