استفاده از پس زمینه ثابت در وب سایت

تا حالا پیش آمده که وب سایتی رو ببینید که عکس پس زمینه اون ثابت باشه ولی در عین حال صفحه scrollهم داشته باشه ؟
اینکار به سادگی انجام میگیره و اضافه کردن چند خط به سورس کد CSS امکان پذیر میشود : کافیه که این چند خط رو به فایل CSS و یا در صورتیکه فایل CSS ندارید به صفحه HTML سایتتون و بین تگهای <head> و</head> اضافه کنید .<ol dir="ltr" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; "> ​

<style type=“text/css”>

body

{

background-image: url(“image.gif”);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;

}

</style>

background-image : آدرس دهی فایل عکس برای قرار گرفتن بصورت پس زمینه backgroud-repeat : رفتار پس زمینه را مشخص میکند و میتواند Repeat(تکرار عکس در جهت افقی و عمودی) Repeat-x(تکرار در جهت عمودی) Repeat-y(تکرار در جهت افقی) و no-Repeat(بدون تکرار) را پذیرا باشد . background-attachment : تعیین اینکه پس زمینه دارای اسکرول(scroll) و یا ثابت (fixed) باشد . background-position : تعیین موقعیت (وقتی فعال است که اندازه عکس از اندازه صفحه کوچکتر باشد)
​