Die Verknüpfung von CSS, um Bilder in einem Unterordner

Ich kann nicht herausfinden, den richtigen Weg für meine CSS-Datei für

    html { background-image: url('backgroundImage.jpg'); }

Meine Ordner-Struktur ist wie folgt:

..\MySite\ <!-- HTML files here -->

..\MySite\css\

..\MySite\js\

..\MySite\images\ <!-- backgroundImage.jpg here -->

InformationsquelleAutor James Forbes | 2012-12-15

  1. 4
     html{ background-image: url('../images/backgroundImage.jpg'); }

    ../ sagt der CSS-Datei zu gehen, ein Verzeichnis zurück und Suche das Bild aus diesem Ordner (in diesem Fall ist dein root-Ordner)

    InformationsquelleAutor Slavenko Miljic

  2. 2

    verwenden html{ background-image: url('/images/backgroundImage.jpg'); }

    beginnend mit / bedeutet, dass Sie beginnen, an der Wurzel Ihrer Website

    InformationsquelleAutor daniel

  3. 0

    Ziemlich triviale Frage. Wenn Sie mit inline-styles (Stile in HTML-Dateien), dann wird das folgende genügen.

    html { 
    background-image: url('images/backgroundImage.jpg'); 
}

    Allerdings, wenn Sie verweisen auf Bilder aus den css Ordner, den Sie verwenden müssen .. traversal zum erreichen der übergeordneten Ordner.

    html { 
    background-image: url('../images/backgroundImage.jpg'); 
}
    er muss nicht "müssen" - aber das ist Semantik vielleicht 🙂
    Ich weiß nicht, wie die verwurzelung meiner CSS mit absoluten links, weil er oft stört mod_rewrite vor allem, wenn RewriteBase geändert werden muss.

    InformationsquelleAutor brezanac

Schreibe einen Kommentar