Ciri background-attachment

Ciri background-attachment menetapkan cara untuk menatal imej latar belakang elemen: bersama-sama dengan teks atau teks akan meluncur di atas imej.

Sintaks

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

Nilai

Nilai	Keterangan
`fixed`	Imej latar belakang akan tetap (tidak bergerak), manakala teks akan meluncur di atasnya.
`scroll`	Imej latar belakang akan menatal bersama-sama dengan teks.
`local`	Latar belakang ditetapkan dengan mengambil kira tingkah laku elemen. Jika elemen mempunyai penatalan, maka latar belakang akan menatal bersama-sama dengan kandungan, tetapi latar belakang yang keluar dari sempadan elemen kekal di tempatnya.

Nilai lalai: scroll.

Contoh . Nilai scroll

Sekarang ciri background-attachment ditentukan kepada nilai scroll. Tatal elemen secara menegak - anda akan melihat bagaimana teks menatal bersama-sama dengan latar belakang:

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

Результат:

Contoh . Nilai fixed

Sekarang ciri background-attachment ditentukan kepada nilai fixed. Tatal elemen secara menegak - anda akan melihat bagaimana teks meluncur di atas latar belakang:

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

Результат:

Lihat juga

ciri background,
yang merupakan ciri singkatan untuk latar belakang