Svojstvo background-attachment

Svojstvo background-attachment zadaje način skrolovanja pozadinske slike elementa: zajedno sa tekstom ili će tekst kliziti po slici.

Sintaksa

cssselektor {
  background-attachment: fixed | scroll | local;
}

Vrednosti

Vrednost	Opis
`fixed`	Pozadinska slika će biti nepokretna, a tekst će kliziti preko nje.
`scroll`	Pozadinska slika će se skrolovati zajedno sa tekstom.
`local`	Pozadina je fiksirana u odnosu na ponašanje elementa. Ako element ima skrol, pozadina će se skrolovati zajedno sa sadržajem, ali pozadina koja izlazi izvan okvira elementa ostaje na mestu.

Podrazumevana vrednost: scroll.

Primer . Vrednost scroll

Trenutno je svojstvo background-attachment postavljeno na vrednost scroll. Skrolujte element vertikalno - videćete kako se tekst skroluje zajedno sa pozadinom:

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;
}

Результат:

Primer . Vrednost fixed

A sada je svojstvo background-attachment postavljeno na vrednost fixed. Skrolujte element vertikalno - videćete kako tekst klizi po pozadini:

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;
}

Результат:

Pogledajte takođe

svojstvo background,
koje predstavlja skraćeno svojstvo za pozadinu