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 - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

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

نظرات

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

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