Hintergrund-Bild nicht angezeigt, HTML-CSS

Ich bin neu in html/css und ich verstehe nicht, warum mein Hintergrundbild wird nicht angezeigt. Dies ist Teil eines einfachen test CSS Blatt und HTML code für eine einfache Webseite. Ich versuche, fügen Sie ein background-image und ich haben das einmal gemacht und es hat funktioniert und ich weiß nicht, warum es nicht funktioniert jetzt.

body{
background: url (rio.jpg); 
background-size: cover; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; 
}

Dies ist ein Teil meiner css-sheet. Die url funktioniert, ich habe es verwendet für einen anderen Versuch vor Ort. Und mein html ist ein normales html-Dokument mit einem Körper, etc..

InformationsquelleAutor | 2013-08-22

  1. 0

    Können Sie versuchen, tun Sie den folgenden:

    background-image: url(http://www.example.com/images/bck.png); //absolute path

background-image: url(rio.jpg); //relative path

    Wenn Sie besagt, dass der Pfad nur rio.jpg sollte das Bild im gleichen Verzeichnis wie das stylesheet/, wo Sie erklären den hintergrund.

    Wenn das Bild in ein image-Verzeichnis, müssen Sie eine Ebene nach oben wie folgt:

    background-image: url(../images/rio.jpg);

    Hängt davon ab, wo die image-Datei befindet. Sie können sich auf folgende weitere Informationen: https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

    Hoffe, das hilft!

    Anführungszeichen um den Pfad herum sind nicht erforderlich.
    Sie sind nicht verpflichtet, entfernte ich das snippet, thx

    InformationsquelleAutor StickMaNX

  2. 2

    CSS ist wählerisch über Funktionen.

    Können Sie nicht haben ein Leerzeichen nach " url " und der Klammer.

    Richtig:
    background: url(path/to/image.jpg);

    Falsch:
    background: url (path/to/image.jpg);

    Hier ist eine Geige zu demonstrieren:
    http://jsfiddle.net/tJmmn/

    Vielen Dank, es funktioniert Prima! Sehr sehr geschätzt.

    InformationsquelleAutor Eric Kidd

  3. 0

    Haha ich hatte das gleiche problem, stellen Sie sicher, dass Sie das Recht haben ".png" oder ".jpg"!

    Nach all meinem suchen, das problem war ich hatte eine Datei mit dem Namen "bg.png", aber ich war Sie in "bg.jpg"

    InformationsquelleAutor Mirror318

  4. 0

    Hatte das gleiche Problem. Habe ich "hintergrund" und statt "background-image".

    Zweitens, stellen Sie sicher, dass das element, das den hintergrund e.g ein div-tag nicht leer ist, sonst wird das Hintergrundbild nicht angezeigt,

    was meinst du mit 'das element, das sollte der hintergrund nicht leer sein'? Bitte klären Sie. Vielen Dank 🙂 @TiNo

    InformationsquelleAutor TiNo

  5. 0

    Dieses problem tritt auf, wenn Sie versuchen, geben Sie die Höhe des hintergrund-Bildes in %. Wenn Sie geben, dass in px sollte es funktionieren und wenn Sie wollen immer noch geben die Höhe in %, d.h. 100%(in der Regel) als fügen Sie dieses css:
    body{
    margin: 0;
    padding: 0;
    positive: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    }

    Diese sollte auch funktionieren.

    InformationsquelleAutor Devashish Pawar

Schreibe einen Kommentar