Veb-sahifaning fonini uning tarkibiga bog'lash yoki undan mustaqil ravishda o'zini tutish mumkin. Birinchi holda, brauzer oynasida tarkibni siljitish paytida fon tasviri ham aylanadi, ikkinchisida u harakatsiz qolishi mumkin. Ruxsat etilgan sahifa fonini amalga oshirish uchun siz CSS uslubini tavsiflash tilidan foydalanishingiz kerak - faqat u har xil turdagi brauzerlarda bir xil fon ishini kafolatlashi mumkin.
Ko'rsatmalar
1-qadam
Sahifa fonida sobit yoki harakatlanuvchi bo'lishi kerakligini aniqlash uchun CSS-dagi fon-ilova xususiyatidan foydalaning. Umuman olganda, bu xususiyat uchta qiymatga ega bo'lishi mumkin - agar siz ularning birortasini ko'rsatmasangiz, u holda sukut bo'yicha fon biriktirmasi aylanuvchi hisoblanadi. Ushbu qiymat bilan fon rasmi sahifa tarkibi bilan birga aylanadi. Vorislik qiymati asosiy elementning fon xatti-harakatlarini nusxa ko'chiradi va belgilangan qiymat fon rasmini tarkibdan mustaqil qiladi - sahifa siljiganida statsionar bo'lib qoladi. Siz uni ishlatishingiz kerak.
2-qadam
Orqa fonni tuzatmoqchi bo'lgan sahifalarda foydalanish uchun CSS ko'rsatmalaringizni tayyorlang. Agar siz CSS kodini tashqi uslub tavsiflovchi faylga joylashtirmasangiz, unda ushbu ko'rsatmalar ochilish va yopilish uslubi teglari orasiga joylashtirilishi kerak:
// uslublarning tavsiflari bo'ladi
Sahifa fon xatti-harakatining tavsifi BODY elementi bilan bog'langan bo'lishi kerak - CSS terminologiyasida u "selektor" deb nomlanadi va shunday yoziladi: BODY {
// sahifa tanasining tavsiflari shu erda bo'ladi
} Ushbu selektorga tegishli xususiyatlar jingalak qavslar ichiga vergul bilan ajratilishi kerak: BODY {
fon-biriktirma: sobit;
background-image: url (rasmlar / BG.gif);
} Birinchi satr fon rasmini, ikkinchisi esa fon rasmini o'z ichiga olgan fayl manzilini sahifa manziliga nisbatan bildiradi. Ushbu ikkita satrni bitta murakkab CSS bayonotida quyidagicha yozish mumkin: background: url (images / BG.gif) fix;
3-qadam
Sahifaning matniga fonni tuzatish uchun barcha kodlarni joylashtiring. Tugallangan shaklda u shunday ko'rinishi mumkin:
BODY {background: url (images / BG.gif) fix;}
Albatta, fon rasm faylining joylashuvi va nomini almashtirishingiz kerak. Kodni tegdan oldin qo'yish yaxshidir, garchi bu shart emas.
