ویژگی background-attachment در CSS

ویژگی background-attachment مشخص می‌کند که آیا تصویر پس‌زمینه باید همراه با محتوای صفحه حرکت کند (اسکرول شود) یا در جای خود ثابت باقی بماند.

مثال: ثابت نگه‌داشتن تصویر پس‌زمینه

در این مثال، تصویر پس‌زمینه در محل تعیین‌شده باقی می‌ماند و هنگام اسکرول کردن صفحه حرکت نمی‌کند:

body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

مثال: حرکت تصویر پس‌زمینه همراه با صفحه

در این مثال، تصویر پس‌زمینه هنگام اسکرول کردن صفحه، همراه با محتوا حرکت می‌کند:

body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}

جدول ویژگی background-attachment در CSS