Hier bist Du: Home « Tipps und Tricks « Positionierte Hintergrundbilder

Tipps und Tricks: Positionierte Hintergrundbilder

Beispiel

Hintergrundbilder müssen nicht unbedingt den gesammten Hintergrund ausfüllen. Sie lassen sich auch einzeln an bestimmten Positionen anzeigen.

Internet Explorer 5.x, Netscape 6.x, Opera 5, Mozilla 1.0, Mozilla Firefox 0.8 
<html>
<head>
<title>Positionierte Hintergrundbilder</title>
</head>
<body style="background-image:url(../images/logo.gif); 
background-repeat:no-repeat; background-position:20% 30%">

...

</body>
</html>

background-image definiert das Hintergrundbild. background-repeat mit dem Wert "no-repeat" legt fest, dass das Hintergrundbild nicht wiederholt, d.h. nur einmal angezeigt wird.

Browser

Browser, die diese Technik nicht kennen, ignorieren die Formatierungen oder stellen die Grafik nicht korrekt dar.
Du solltest also auf jeden Fall mit den gängigen Browsern testen.