Уласцівасць background-attachment

Уласцівасць background-attachment задае якім чынам пракручваць фонную карцінку элемента: разам з тэкстам ці тэкст будзе слізгаць па карцінцы.

Сінтаксіс

cssселектар {
  background-attachment: fixed | scroll | local;
}

Значэнні

Значэнне па змаўчанні: scroll.

Прыклад . Значэнне scroll

Зараз уласцівасць background-attachment ўсталявана ў значэнне scroll. Пракруціце элемент па вертыкалі - вы ўбачыце, як тэкст пракручваецца разам з фонам:

html<body>
  <div id="elem">
    some long text
  </div>
</body>

cssbody {
  background-attachment: scroll;
  background-image: url("bg.png");
}

#elem {
  width: 400px;
  margin: 0 auto;
  text-align: justify;
  font-weight: bold;
  font-size: 20px;
}

Результат:

Прыклад . Значэнне fixed

А зараз уласцівасць background-attachment ўсталявана ў значэнне fixed. Пракруціце элемент па вертыкалі - вы ўбачыте, як тэкст слізгае па фоне:

html<body>
  <div id="elem">
    some long text
  </div>
</body>

cssbody {
  background-attachment: fixed;
  background-image: url("bg.png");
}

#elem {
  width: 400px;
  margin: 0 auto;
  text-align: justify;
  font-weight: bold;
  font-size: 20px;
}

Результат:

Глядзіце таксама