HTML белгилөө тили веб-дизайнерге каалаган сүрөттү фондук сүрөт катары колдонууга мүмкүнчүлүк берет. Бирок, тилдин өзүндө фондук сүрөттөр үчүн орнотулган башкаруу элементтери жок. Жакшыраак тюнинг CSS стилдеринин каскаддарын колдонуу менен жүргүзүлөт.
Нускамалар
1 кадам
Фонду браузердин толук кеңдигине чейин жеткирүү үчүн, CSS файлыңызда z-index параметрин колдонуу керек. Бул сиз түзгөн элементтердин тартибин коюуга мүмкүндүк берет. Бул атрибуттун мааниси канчалык жогору болсо, блок баракчада ошончолук жогору болот.
2-кадам
HTML жана CSS форматындагы жаңы документтерди түзүңүз (чычкандын оң баскычы - "Жаңы" - "Текст файлы") жана аларды каалаган тексттик редактордун жардамы менен ачыңыз.
3-кадам
Фондук сүрөттү төмөнкү катмарга жайгаштырыңыз. Ал экрандын чечилишине жараша созулат. Жогору жакта, барактын мазмуну көрсөтүлө турган дагы бир элемент жайгашат. Бул үчүн, эки блок түзүү. CSS файлына жазыңыз:.1layer {z-index: 1; туурасы: 100% бийиктиги: 100% абалы: абсолюттук;}. 2-катмары {Абалы: абсолюттук; z-индекси: 2; } Позиция: абсолюттук параметр абсолюттук жайгаштырууну коюуга мүмкүндүк берет, б.а. катмар башка элементтерден көзкарандысыз жайгаштырылат.
4-кадам
Шилтеме теги аркылуу түзүлгөн HTML файлына CSS кодун кошуңуз: Барактын фону
5-кадам
Жаңы катмар түзүңүз. Тэгди колдонуу
ага сүрөт коюңуз. Мисалы: Барактын мазмуну img үчүн, тууралык параметр гана көрсөтүлөт, анткени кошумча бийиктикти көрсөтсөңүз, кээ бир браузерлерде сүрөттүн бурмаланышы пайда болот.
6-кадам
Өзгөртүүлөрүңүздү сактаңыз. Кодуңузду текшерүү үчүн, браузериңиздин терезесиндеги баракчаны чоңойтуп алыңыз. Фондук сүрөт дагы чоңойтулушу керек.
