Das Dehnen des Hintergrunds auf einer Webseite ist nicht einfach. Hier hilft ein kleiner Trick. Zunächst werden zwei Ebenen gebildet – für das Bild und den Seiteninhalt. Und dann wird die Positionierung von jedem von ihnen bestimmt. Die Ebene mit dem Bild wird auf 100 % der Seitengröße gestreckt und ihre linke obere Ecke wird als Nullpunkt des Berichts zugewiesen. Nach dem Zusammenführen der Ebenen sieht die Seite ganz anders aus.
Es ist notwendig
Internetverbindung, Webressource
Anleitung
Schritt 1
Formen Sie mit dem Tag zwei Ebenen - Layer1 und Layer2. Auf einem davon, dem unteren, befindet sich das Bild, auf dem anderen, dem oberen, der Inhalt der Webseite.
Schritt 2
Bestimmen Sie die Reihenfolge der Layer mithilfe des Z-Index-Stilattributs. Beachten Sie, dass der aktuell verfügbare Layer im Verhältnis zu anderen Layern umso höher ist, je höher der Wert des angegebenen Parameters ist. Legen Sie die absolute Positionierung für jede erstellte Ebene fest.
Schritt 3
Legen Sie Layer1 auf 100 % Breite und Höhe fest. Setzen Sie die Koordinaten der oberen linken Ecke auf den Anfangswert Null. Dies wird dazu beitragen, die horizontale Bildlaufleiste loszuwerden.
Schritt 4
Verschmelzen Sie die Ebenen.
