Property background-attachment mengatur apakan gambar latar belakang diperbaiki atau bergulir dengan sisa halaman. Bahkan jika suatu elemen memiliki mekanisme pengguliran, latar belakang "tetap" tidak bergerak dengan elemen tersebut.

/* css */
body {
  background-image: url('https://smallimg.pngkey.com/png/small/141-1415392_css3-css-logo-transparent-background.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
}

bg-attachment.png

Anda juga dapat mengatur background-attachment untuk mewarisi atau mengalir. Saat anda menyetel background-attachment untuk diwarisi, itu akan mewarisi nilai dari elemen induknya.

Saat anda mengatur background-attachment untuk mengalir, gambar latar belakang akan mengalir dengan konten lain.

/* css */
body {
  background-image: url('https://smallimg.pngkey.com/png/small/141-1415392_css3-css-logo-transparent-background.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
}

CSS background-attachment

The background-attachment Property

The background-attachment Values

Resdeby Almustofa

Comment

Related Posts

Categories