پیوستگی پس‌زمینه CSS

CSS background-attachment

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

مثال

تخصیص تصویر پس‌زمینه به عنوان ثابت:

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

آزمایش کنید

مثال

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

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

آزمایش کنید