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 مشخص می‌کند که آیا تصویر پس‌زمینه ثابت باشد یا با اسکرول صفحه حرکت کند

Related posts

Don't miss reading these posts!
JavaScript - کلمه کلیدی Let (Let)

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

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

Read more
JavaScript - متغیرها (Variables)

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

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

Read more
JavaScript - کامنت‌ها (Comments)

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

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

Read more

Comments

Share your comments with us

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