HTML-i märgistuskeel võimaldab veebidisaineril kasutada mis tahes pilti taustpildina. Keelel endal puuduvad aga taustkujutiste sisseehitatud juhtnupud. Rohkem peenhäälestust tehakse CSS-i stiililehtede abil.
Juhised
Samm 1
Et taust sirutuks brauseri täislaiuseni, peate oma CSS-is kasutama parameetrit z-index. See võimaldab teil määrata loodud elementide järjekorra. Mida suurem on selle atribuudi väärtus, seda suurem on plokk lehel.
2. samm
Looge uued dokumendid HTML- ja css-vormingus (hiire parem nupp - "Uus" - "Tekstifail") ja avage need mis tahes tekstiredaktori abil.
3. samm
Asetage taustpilt alumisele kihile. See venib sõltuvalt ekraani eraldusvõimest. Ülaosas asub veel üks element, millel kuvatakse lehe sisu. Selleks looge kaks plokki. Css-failis kirjutage:.1layer {z-index: 1; laius: 100% height: 100% position: absoluutne;}. 2layer {Position: absoluutne; z-index: 2; } Positsioon: absoluutne parameeter võimaldab teil määrata absoluutse positsioneerimise, s.t. kiht paigutatakse teistest elementidest sõltumatult.
4. samm
Kaasake loodud CSS-kood HTML-faili lingimärgendi abil: Lehe taust
5. samm
Looge uus kiht. Sildi kasutamine
asetage sellele pilt. Näiteks: Lehe sisu Img jaoks määratakse ainult laiuse parameeter, sest kui määrate täiendavalt kõrguse, ilmub mõnes brauseris pildi moonutus.
6. samm
Salvestage muudatused. Koodi testimiseks suurendage lehte oma brauseriaknas. Ka taustapilti tuleks suurendada.
