خصوصیت background-attachment
مثال (خصوصیت background-attachment)
چگونه عکس پس زمینه را ثابت کنیم:
body
{
background-image:url('w3css.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
خودتان امتحان کنید »{
background-image:url('w3css.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
تعریف و کاربرد
با استفاده از خصوصیت background-attachment می توانید تنظیم نمایید که، اگر صفحه Scroll داشت و به سمت پایین یا بالا حرکت کردیم آیا عکس پس زمینه در جای خود ثابت بماند یا خیر.
مقدار پیشفرض | scroll |
---|---|
ارث بری | خیر |
نسخه | CSS1 |
JavaScript ساختار | object.style.backgroundAttachment="fixed" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت background-attachment را پشتیبانی می کنند.
مقدارهای خصوصیت
مقدار | توضیحات |
---|---|
scroll | عکس پس زمینه همراه با عنصر، scroll می شود. (مقدار پیشفرض) |
fixed | عکس پس زمینه نسبت به محل نمایش، ثابت می شود. |
local | عکس پس زمینه همراه با محتویات عنصر، scroll می شود. |
بیاموزهای مرتبط
Styling Backgrounds (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 13828