Dein zweiter Ansatz:
HTML-Code:
article.teaser{
background-image: url('teaser_header1.jpg');
background-repeat: no-repeat;
background-position: center;
}
sollte zum Erfolg führen.
und die URL 'teaser_header1.jpg' stimmt nur, wenn das Bild im selben Ordner ist, wie das CSS, aus dem es aufgerufen wird.
Hast du dein CSS inline in der HTML-Datei, dann musst du schauen, wo relativ zu dieser Datei sich das Bild befindet?
zB die Datei befindet sich im Hauptverzeichnis und das Bild im Ordner 'images'.
Der Ordner 'images' ist auch im Hauptverzeichnis - dann wäre der Pfad .. also die URL ... 'images/teaser_header1.jpg'.
Hast du dein CSS extern gespeichert und der Speicherort ist ein weitere Ordner in deinem Hauptverzeichnis, dann musst du zunächst im Pfad eine Ebene nach oben wechseln... mit '../' ... dann bist du im Hauptverzeichnis und dann die Zieldatei auswählen.... '../images/teaser_header1.jpg' wäre dann die URL!
Sonst google mal nach 'relativer Pfad' - vielleicht findest du eine bessere Erklärung.