2016-06-19 5 views
0

Ich habe einem Abschnitt ein Hintergrundbild mit CSS zugewiesen und das Bild wird nur in Live-Vorschau in Klammern angezeigt. Soll das passieren oder habe ich etwas falsch gemacht? Hier ist der Code:Warum das Hintergrundbild nur in Live-Vorschau in Klammern angezeigt wird

background: url(/img/background.jpeg) center center no-repeat fixed; 
background-size: cover; 
+0

Und wo zeigt es nicht? Ist der Pfad korrekt? – m02ph3u5

+0

ja der Pfad ist korrekt. Wenn ich die index.html wie eine Datei öffne: // ... wird das Hintergrundbild nicht angezeigt. Ich brauche die Live-Vorschau-Funktion von eckigen Klammern, damit der Hintergrund angezeigt wird. –

+0

Das Öffnen der Datei über 'file: ///' bedeutet nicht, dass Ihr Browser über 'http: //' auf die Datei zugreifen kann – m02ph3u5

Antwort

0

Vielleicht können Sie etwas versuchen, wie this-

img { 
border: 1px solid #ddd; 
border-radius: 4px; 
padding: 5px;} 
<img src="example.jpg" alt="example"> 

Oder this-

body {border-style: groove;border-width: 3px; border-color: Black; 
     width:1300px; padding: 25px; background-color: Aqua; 
    background-image: url("NSIC-logo1.png"); 
     background-repeat:no-repeat;background-position:50% 10% } 
0

Ich änderte den Pfad zu:

background: url(../img/background.jpeg) center center no-repeat fixed; 
background-size: cover; 

setzen die zwei Punkte funktionierten für mich !!