background codoloper

ویژگی 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

ویژگیتوضیح
background-attachmentمشخص می‌کند که تصویر پس‌زمینه ثابت باشد یا همراه با صفحه اسکرول شود