CSS - Hintergrundbild absolut positionieren

Hiermit kann man ein Hintergrundbild absolut positionieren.


<style>

body {
 
background-imageurl(bild.jpg);   /* Adresse des Hintergrundbildes */
 
background-repeatno-repeat;   /* Hintergrundbild ohne Wiederholung */
 
background-position30pt  75pt;
 
/* Erste Zahl Position von Links.  Zweite Zahl Position von oben */
}
</
style>

Tipp

Das Hintergrundbild richtig in Position setzen - Oft möchte man das Hintergrundbild an eine bestimmte Position ausrichten oder eine Hintergrundfarbe / Farbverlauf hinzufügen, wie so etwas gemacht wird zeigt dieser Artikel.

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<map> Verweis-sensitive Grafik

CSS - Wasserzeicheneffekt - Hintergrundbild fixieren

PHP - PHP-Version überprüfen

JavaScript - Geladenes Stylesheet austauschen

MySQL - Datensatz Wert um 10% veringern

Homepage erweiterbar?
Beachten Sie das die Erweiterbarkeit der Homepage gegeben bleibt. Im Laufe der Zeit wird sich Ihre Homepage sicherlich wandeln, und deswegen ist es sinnvoll sich nicht zum Start durch eine unglückliche Struktur jegliche Erweiterungen zu verbauen.