yubb.de-Logo
Tutorials
yubb@yubb
yubbService
Inside yubb

Festklebendes Hintergrundbild



Auf manchen Seiten findet man Hintergrundbilder, die stehenbleiben und nicht mitscrollen. Dies geht so:

Füge in deinen <head>...</head>-Bereich folgendes ein:

Code:
<style type="text/css">
<!--
BODY {
background: url(bild.gif);
background-attachment: fixed;
}
//-->
</style>


Ersetze bild.gif mit der Adresse zu deinem Hintergrundbild und schon klebt auch dein Hintergrundbild fest.
Sehr bekannt ist auch die Möglichkeit bgproperties="fixed" in das <body>-Element zu packen, nur dieses Attribut ist von Microsoft erfunden und funktioniert so nur im Internet Explorer. Um jedoch für alle Browser das Bild festzukleben, nutze die oben genannte Variante.

Geschrieben von Phil Marx am 18.06.2004 (7024x gelesen)
weiterempfehlen weiterempfehlen   Druckversion Druckversion   kommentieren kommentieren