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 - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

بیشتر بخوانید
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

بیشتر بخوانید
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

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

نظرات

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

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