A background-attachment tulajdonság

A background-attachment tulajdonság meghatározza, hogyan görgetődjön az elem háttérképe: a szöveggel együtt, vagy a szöveg csusszon a kép fölött.

Szintaxis

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

Értékek

Érték	Leírás
`fixed`	A háttérkép rögzített marad, a szöveg fog átcsorogni felette.
`scroll`	A háttérkép a szöveggel együtt görgetődik.
`local`	A háttér az elem viselkedéséhez igazodva rögzül. Ha az elemnek van görgetése, akkor a háttér a tartalommal együtt görgetődik, de az elemen kívülre eső háttér a helyén marad.

Alapértelmezett érték: scroll.

Példa . A scroll érték

Jelenleg a background-attachment tulajdonság a scroll értékre van állítva. Görgesse az elemet függőlegesen - láthatja, hogy a szöveg a háttérrel együtt görgetődik:

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

Результат:

Példa . A fixed érték

Most pedig a background-attachment tulajdonság a fixed értékre van állítva. Görgesse az elemet függőlegesen - láthatja, hogy a szöveg csusszan a háttér fölött:

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

Результат:

Lásd még

a background tulajdonság,
amely a háttérre vonatkozó rövidített tulajdonság