Hintergrund-Bild nicht angezeigt, wenn definiert im stylesheet mit sublime text

Ich weiß nicht warum, aber mein browser (firefox) nicht, zeigen Sie mir mein hintergrund-Bild, wenn ich es auf html funktioniert es.

mein editor : sublime text 2
ich benutze MAMP auch.

mein css-code :

.home{
background-image: url('bg-img.jpg');
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

Können Sie mir helfen ? Dank

Rémi

  • ist bg-img.jpg im gleichen Verzeichnis wie das Stylesheet, weil das ist, wo Ihr suchen?
InformationsquelleAutor remidoubi | 2014-04-12
  1. 3

    Ich denke, die anderen Antworten/Kommentare sind auf dem richtigen Weg. Meine Vermutung ist, das Bild wird nicht in der richtigen relativen Pfad zum Stylesheet. Wenn Ihre CSS-Datei in einem Ordner aus Ihrem web-root wie http://example.com/css/site.css, dann wird der browser auf die Suche nach dem hintergrund-Bild, bei http://example.com/css/bg-img.jpg ... das wäre ein ziemlich sonderbarer Ort, um es zu stellen.

    Versuchen, indem Sie den vollständigen Pfad zu der Datei in Ihrem css...so etwas wie dieses:

    .home{
background-image: url('/images/bg-img.jpg');
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

    (Und stellen Sie sicher, dass bg-img.jpg tatsächlich Leben im /images/natürlich!)

    Gebe ich auch Chancen, dass das problem zu lösen.

    Wenn es nicht, öffnen Sie die Seite im browser mit der rechten Maustaste und wählen Sie "Element Untersuchen" oder ähnlich. Dann können Sie Graben um und sehen, ob Ihr css sieht aus wie Sie es erwarten, zu sehen, ob Sie bekommen alle 404 zurückgegeben wird, etc. Dies sollte dazu führen, Sie sehr schnell zu dem problem.

    Andernfalls alle, die, versuchen Sie es in einem anderen browser.

    BTW, ich glaube nicht, dies hätte nichts zu tun mit der Erhabenen.

    ps. Wenn Sie noch kämpfen diese, editieren Sie bitte Ihre Frage zu zählen, die die vollständige css-Datei und eine html-und eine link zur live-Seite.

    InformationsquelleAutor David Hempy
  2. 1

    1-vielleicht ist Ihr div.Haus ist leer, also nicht genug Höhe, um es anzuzeigen .(z.B. height : 200px um es zu sehen)

    2-ein weiterer Grund, um Ihre img-url . wenn Ihr in einen Ordner wie z.B. Bilder, die Sie sollten versuchen, diese

    .home{
background-image: url('images/bg-img.jpg');
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
    • Danke für deine Antwort 🙂 , aber es funktioniert immer noch nicht . Ich habe versucht, deine 2 Antworten, aber ich denke, es ist erhaben, die nicht korrekt funktionieren, wenn ich ein Bild in die html-url (img/name.jpeg) mein browser zeigt das Bild aber nicht im stylesheet. es ist seltsam.
    InformationsquelleAutor Beginner
  3. 1

    wenn Sie möchten, fügen Sie background-image in einer erhabenen...

    body {
    font-family:arial, helvetica, sans-serif;
    font-size: 10px;
    background-image: url(../images/background.gif);
}
    • Bitte verwenden Sie nicht screenshot, aber copy/paste deine code...$
    InformationsquelleAutor anonymous
Schreibe einen Kommentar