CSS – پیوست پس‌زمینه (Background Attachment)

CSS - پیوست تصویر پس‌زمینه (Background Attachment)

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

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

با استفاده از background-attachment: fixed می‌توان تصویر پس‌زمینه را ثابت کرد، به طوری که با اسکرول صفحه تصویر حرکت نکند.

مثال:

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

تصویر پس‌زمینه متحرک

اگر می‌خواهید تصویر پس‌زمینه همراه با صفحه اسکرول شود، از background-attachment: scroll استفاده کنید.

مثال:

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

خصوصیت پیوست تصویر پس‌زمینه در CSS

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

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.