El llenguatge de marques HTML permet al dissenyador web utilitzar qualsevol imatge com a imatge de fons. Tot i això, el llenguatge mateix no té controls integrats per a les imatges de fons. Es fa una afinació més fina mitjançant fulls d’estil CSS en cascada.
Instruccions
Pas 1
Per fer que el fons s'estengui a tota l'amplada del navegador, heu d'utilitzar el paràmetre índex z al vostre CSS. Permet establir l’ordre dels elements que creeu. Com més alt sigui el valor d'aquest atribut, més elevat serà el bloc a la pàgina.
Pas 2
Creeu documents nous en format html i css (botó dret del ratolí - "Nou" - "Fitxer de text") i obriu-los amb qualsevol editor de text.
Pas 3
Col·loqueu la imatge de fons a la capa inferior. S'estendrà en funció de la resolució de la pantalla. A la part superior, se situarà un altre element on es mostrarà el contingut de la pàgina. Per fer-ho, creeu dos blocs. Al fitxer css escriviu:.1layer {z-index: 1; ample: 100% alçada: 100% posició: absolut;}. 2layer {Posició: absolut; z-index: 2; } El paràmetre position: absolute permet establir un posicionament absolut, és a dir, la capa es posicionarà independentment d'altres elements.
Pas 4
Incloeu el codi CSS generat al fitxer HTML mitjançant l'etiqueta d'enllaç: Fons de pàgina
Pas 5
Creeu una capa nova. Utilitzant l’etiqueta
col·loqueu-hi una imatge. Per exemple: contingut de la pàgina Per a img, només s’especifica el paràmetre d’amplada, perquè si especifiqueu una alçada addicional, en alguns navegadors apareixerà la distorsió de la imatge.
Pas 6
Deseu els canvis. Per provar el vostre codi, amplieu la pàgina a la finestra del navegador. La imatge de fons també s’hauria d’ampliar.
