Il n'est pas facile d'étirer l'arrière-plan d'une page Web. Une petite astuce vous aidera ici. Tout d'abord, deux couches sont formées - pour l'image et le contenu de la page. Et puis le positionnement de chacun d'eux est déterminé. Le calque avec l'image est étiré à 100 % de la taille de la page et son coin supérieur gauche est affecté comme point zéro du rapport. Après avoir fusionné les calques, la page prend un tout autre aspect.
Il est nécessaire
Connexion Internet, ressource Web
Instructions
Étape 1
À l'aide de la balise, formez deux calques - layer1 et layer2. Sur l'un d'eux, celui du bas, se situera l'image, sur l'autre, celui du haut, le contenu de la page web.
Étape 2
Déterminez l'ordre des couches à l'aide de l'attribut de style z-index. Notez que plus la valeur du paramètre spécifié est élevée, plus la couche actuellement disponible sera élevée par rapport aux autres couches. Définissez le positionnement absolu pour chaque couche que vous créez.
Étape 3
Définissez layer1 sur 100 % de largeur et de hauteur. Réglez les coordonnées du coin supérieur gauche à l'initiale, zéro. Cela aidera à se débarrasser de la barre de défilement horizontale.
Étape 4
Fusionner les calques.
