Manchmal erfordert die Absicht des Designers, dass das Hintergrundbild stationär bleibt, während der Besucher durch den Seiteninhalt scrollt. Dies kann durch Ändern der Standardeinstellung für das Hintergrundverhalten mithilfe von CSS-Anweisungen (Cascading Style Sheets) erfolgen.
Anleitung
Schritt 1
Fügen Sie Ihrem Webdokument eine Stilbeschreibung für den Textblock hinzu, die eine auf "fixed" festgelegte background-attachment-Eigenschaft enthält, und der Seitenhintergrund bleibt beim Scrollen des Dokuments unverändert. Diese Methode zum Korrigieren des Hintergrunds funktioniert in allen Browsern, die einen der aktuellen CSS-Standards ab Version 1.0 unterstützen. Neben dem festen Wert bieten die Standards zwei weitere Optionen für diese Eigenschaft - scroll und inherit. Wenn in den Dokumentstilbeschreibungen kein Wert für background-attachment angegeben ist, wird davon ausgegangen, dass er standardmäßig auf Scrollen eingestellt ist. In diesem Fall bewegt sich der Hintergrund mit dem Scrollen des Seiteninhalts. Der inherit-Wert gibt an, dass für die background-attachment-Eigenschaft dieses Elements derselbe Wert wie für sein übergeordnetes Element verwendet werden soll.
Schritt 2
Fügen Sie dem Tag für die gewünschte Seite ein Stilattribut hinzu und fügen Sie eine Stilbeschreibung hinzu, um den Hintergrund zu korrigieren. Das kann zum Beispiel so aussehen: Hier können Sie auch die Adresse des Hintergrundbildes angeben: Ersetzen Sie die Adresse und den Namen des Bildes (img / pic.gif) durch eigene Werte. Diese Methode ist praktisch, da sie am wenigsten Änderungen im Seitencode erfordert, aber häufiger wird die Beschreibung der Stile in einem separaten Block im Kopf des Dokuments oder sogar in einer separaten Datei platziert.
Schritt 3
Wenn Sie einen separaten CSS-Block mit Anweisungen zum Fixieren des Hintergrunds der Seite verwenden möchten, dann platzieren Sie vor dem Quell-Tag beispielsweise die folgenden Zeilen:
BODY {Hintergrund: URL (img / pic.gif) behoben;}
Vergessen Sie nicht, anstelle von img / pic.gif"
