Својство background-attachment

Својството background-attachment одредува како да се лизга позадинската слика на елементот: заедно со текстот или текстот ќе лизга по сликата.

Синтакса

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

Вредности

Вредност	Опис
`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;
}

Результат:

Погледнете ги исто така

својството background,
кое претставува кратенка-својство за позадина