پس زمینه یک صفحه وب را می توان به محتوای آن گره زد و یا مستقل از آن رفتار کرد. در حالت اول ، هنگام پیمایش مطالب در پنجره مرورگر ، تصویر پس زمینه نیز پیمایش می کند ، در حالی که در حالت دوم ، می تواند ثابت بماند. برای پیاده سازی پس زمینه صفحه ثابت ، باید از زبان توصیف سبک CSS استفاده کنید - فقط این می تواند رفتار پس زمینه یکسان را در انواع مختلف مرورگرها تضمین کند.
دستورالعمل ها
مرحله 1
برای مشخص کردن اینکه پس زمینه صفحه باید ثابت یا متحرک باشد از ویژگی پیوست پس زمینه در CSS استفاده کنید. در کل ، این ویژگی می تواند سه مقدار داشته باشد - اگر هیچ یک از آنها را مشخص نکنید ، به طور پیش فرض پیوست پس زمینه به عنوان پیمایش در نظر گرفته می شود. با این مقدار ، تصویر پس زمینه همراه با محتوای صفحه پیمایش می شود. مقدار وراثت رفتار پس زمینه عنصر والد را کپی می کند و مقدار ثابت باعث می شود که تصویر پس زمینه از مطالب مستقل نباشد - هنگام پیمایش صفحه ثابت می ماند. شما باید از آن استفاده کنید
گام 2
دستورالعمل های CSS خود را برای استفاده در صفحاتی که می خواهید پس زمینه را درست کنید آماده کنید. اگر کد CSS را در یک فایل توصیف سبک خارجی قرار نمی دهید ، این دستورالعمل ها باید بین برچسب های سبک باز و بسته قرار گیرند:
// توصیفاتی از سبک ها وجود خواهد داشت
شرح رفتار پس زمینه صفحه باید به عنصر BODY محدود شود - در اصطلاح CSS به آن "انتخاب" گفته می شود و به این صورت نوشته می شود: BODY {
// توضیحات مربوط به متن صفحه در اینجا خواهد بود
} خصوصیات مربوط به این انتخابگر باید در داخل پرانتزهای حلقه ای قرار گیرد و با علامت های نقطه ویرگول از هم جدا شوند: BODY {
پیوست پس زمینه: ثابت ؛
background-image: url (images / BG.gif)؛
} خط اول تصویر پس زمینه را می گیرد و خط دوم آدرس فایل حاوی تصویر پس زمینه را نسبت به آدرس صفحه نشان می دهد. این دو خط را می توان در یک عبارت پیچیده CSS به صورت زیر نوشت: background: url (images / BG.gif) fixed؛
مرحله 3
تمام کد را بچسبانید تا پس زمینه در متن صفحه ثابت شود. در شکل نهایی خود ، ممکن است به این شکل باشد:
BODY {background: url (images / BG.gif) fixed؛}
البته باید مکان و نام فایل تصویر پس زمینه را جایگزین کنید. بهتر است کد را قبل از برچسب قرار دهید ، گرچه این پیش شرط نیست.