Езикът за маркиране HTML позволява на уеб дизайнера да използва всяко изображение като фоново изображение. На самия език обаче липсват вградени контроли за фонови изображения. По-фина настройка се извършва с помощта на каскадни CSS таблици със стилове.
Инструкции
Етап 1
За да направите фона разтегнат до пълната ширина на браузъра, трябва да използвате параметъра z-index във вашия CSS. Тя ви позволява да зададете реда на елементите, които създавате. Колкото по-висока е стойността на този атрибут, толкова по-високо ще бъде разположен блокът на страницата.
Стъпка 2
Създайте нови документи в html и css формат (десен бутон на мишката - "New" - "Text file") и ги отворете с помощта на всеки текстов редактор.
Стъпка 3
Поставете фоновото изображение на долния слой. Той ще се разтегне в зависимост от разделителната способност на екрана. В горната част ще бъде разположен друг елемент, върху който ще се показва съдържанието на страницата. За да направите това, създайте два блока. В CSS файла напишете:.1layer {z-index: 1; width: 100% height: 100% position: absolute;}. 2layer {Position: absolute; z-index: 2; } Параметърът position: absolute ви позволява да зададете абсолютно позициониране, т.е. слоят ще бъде позициониран независимо от другите елементи.
Стъпка 4
Включете генерирания CSS код в HTML файла, като използвате маркера на връзката: Фон на страницата
Стъпка 5
Създайте нов слой. Използване на маркера
поставете снимка върху него. Например: Съдържание на страницата За img е посочен само параметърът width, защото ако допълнително зададете височина, в някои браузъри ще се появи изкривяване на изображението.
Стъпка 6
Запазете промените си. За да тествате кода си, увеличете страницата в прозореца на браузъра си. Фоновото изображение също трябва да бъде увеличено.
