Warum funktioniert mein Hintergrundbild nicht?

Question

Ich habe versucht, dies für ein paar Tage jetzt zu lösen. Mein Hintergrundbild wird nicht angezeigt, aber die Bildgröße (Leerraum) tut es. Hier ist mein Code HTML

<div id="contact"> 
<p>Let talk! contact us via e-mail, phone or text coming soon</p> 
</div> 

CSS

#contact{ 
background-image: url("C:\Users\omar\Pictures\notaryweb/redphone.JPG"); 
width: 100%; 
height: 105%; 
background-repeat: no-repeat; 
} 

auch sicher nicht, wenn diese Dinge, aber ich habe

body{ 
background-color: #dddddd; 
} 

am Anfang meiner CSS-Blatt, und das Hintergrundbild ist im "Körper". Vielen Dank im Voraus für Ihre Hilfe, sehr detaillierte Antworten werden bevorzugt.

Answer 1

Sie können zwei Dinge tun ........ erste Sache, um die Bildposition zu ändern und speichern, wo Sie Ihre HTML-Datei speichern ... 2. Sache

#contact{ 
background-image: url("C:\Users\omar\Pictures\notaryweb\redphone.JPG"); 
width: 100%; 
height: 105%; 
background-repeat: no-repeat; 
} 

Verwendung dies Ihr Fehler, den Sie ist Verwenden Sie Schrägstrich, es wird rückwärts Schrägstrich sein.

Answer 2

Sie müssen file:/// in Ihrem Pfad verwenden. wie unter

background-image: url("file:///C:/Users/omar/Pictures/notaryweb/redphone.JPG"); 

Stellen Sie auch sicher, dass die Datei existiert.

Answer 3

Sie slash Fehler bitte Slash setzen zurück machen "\"

falsch: url ("C: \ Benutzer \ omar \ Bilder \ notaryweb/redphone.JPG")

richtig: url ("C: \ Benutzer \ Omar \ Bilder \ notaryweb \ redphone.JPG")

und stellen Sie sicher, dass Sie Bild auf diesem Pfad verfügbar haben.

Answer 4

Es ist immer eine bessere Übung, Ihre Bilder im Kontextpfad Ihres Webs zu behalten. Besser, einen Bilderordner in Ihrem Web zu erstellen und zu verwenden. Sie müssen Ihre Vorwärtsstriche nicht durch Rückwärtsstriche ersetzen.

Answer 5

Sie sollten C: \ Benutzer \ omar \ Pictures \ notaryweb/redphone.JPG zu C: \ Users \ omar \ Pictures \ notaryweb \ redphone.JPG ändern.

Auch Sie sollten height: 105% von Prozent zu height: 105px ändern.