HTML belgilash tili veb-dizaynerga har qanday rasmni fon rasmi sifatida ishlatishga imkon beradi. Biroq, tilning o'zida fon rasmlari uchun o'rnatilgan boshqaruv elementlari yo'q. Keyinchalik aniq sozlash kaskadli CSS uslublar jadvallari yordamida amalga oshiriladi.
Ko'rsatmalar
1-qadam
Fonni brauzerning to'liq kengligiga etkazish uchun CSS-da z-index parametridan foydalanish kerak. Siz yaratadigan elementlarning tartibini belgilashga imkon beradi. Ushbu atributning qiymati qanchalik baland bo'lsa, blokirovka sahifada shunchalik yuqori bo'ladi.
2-qadam
HTML va CSS formatida yangi hujjatlar yarating (sichqonchaning o'ng tugmasi - "Yangi" - "Matnli fayl") va ularni istalgan matn muharriri yordamida oching.
3-qadam
Pastki qatlamga fon rasmini joylashtiring. Ekran o'lchamiga qarab cho'zilib ketadi. Yuqorida, sahifa tarkibi ko'rsatiladigan boshqa element joylashgan bo'ladi. Buning uchun ikkita blok yarating. CSS faylida yozing:.1layer {z-indeks: 1; kenglik: 100% balandlik: 100% pozitsiya: mutloq;}. 2 qatlamli {Lavozim: mutlaq; z-indeks: 2; } Joylashuv: mutlaq parametr sizga mutlaq joylashishni belgilashga imkon beradi, ya'ni. qatlam boshqa elementlardan mustaqil ravishda joylashtiriladi.
4-qadam
Yaratilgan CSS kodini havola yorlig'i yordamida HTML faylga qo'shing: Sahifa fonida
5-qadam
Yangi qatlam yarating. Tegdan foydalanish
ustiga rasm joylashtiring. Masalan: Sahifa tarkibi img uchun faqat kenglik parametri ko'rsatilgan, chunki qo'shimcha ravishda balandlikni belgilasangiz, ba'zi brauzerlarda rasm buzilishi paydo bo'ladi.
6-qadam
O'zgarishlaringizni saqlang. Kodingizni sinab ko'rish uchun brauzer oynasida sahifani kattalashtiring. Fon rasmi ham kattalashtirilishi kerak.
