2017-06-26 24 views
0

Ich habe dieses Problem mehrmals durchlaufen; Es wird nicht angezeigt, die Bildgröße ist 1440x1006. Ich versuche, es in der oberen Hälfte der Seite anzuzeigen.Hintergrundbild wird nicht angezeigt?

HTML:

<div class="topnav" id="mytopbar"> 
    <a><button>Donate</button></a> 
    <a>Contact Us</a> 
    <a>Whats New</a> 
    <a>Shop</a>    
</div> 

CSS

body { 
    background: url("images/Background1.png") no-repeat; 
} 

#mytopbar { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 40px; 
} 

.topnav a { 
    float: right; 
    display: block; 
    text-align: center; 
    padding: 14px; 
    font-weight: lighter; 
    font-family: 'Source Sans Pro', sans-serif; 
} 
+0

Versuchen Sie mit dieser: 'html { Hintergrund: URL (Bilder/bg.jpg) No-Repeat Center Center behoben; -webkit-background-size: cover; -moz-background-size: cover; -o-Hintergrund-Größe: Abdeckung; Hintergrund-size: bedecken; } ' Quelle: [Perfect Full Page Background] (https://css-tricks.com/perfect-full-page-background-image/) – Kevin

+0

Überprüfen Sie Ihre Dateistruktur. Haben Sie Ihren Bilderordner im selben Ordner wie das CSS? –

+0

Ich denke, dass Sie den Schrägstrich vor dem Bildordner "URL" ("/ images/Background1.png") fehlen –

Antwort

1

Sie nicht die CSS-Datei in den HTML-Code verknüpft haben.

+2

Das ist nicht in seinem Code gezeigt, aber es könnte richtig sein – InvincibleM

1

Versuchen Sie, background-image verwenden, um Ihr Bild festzulegen.

1

Oberhalb des <body> Abschnitt, fügen Sie die folgenden Schritte aus:

<head> 
<link rel="stylesheet" type="text/css"href="NameOfStyleSheet.css"> 
</head> 
0

das Problem gefunden, war ich nur ein "/" fehlt danke

0

Der Code funktioniert gut. Vielleicht haben Sie Ihr CSS nicht mit Ihrer HTML-Datei verknüpft.

Verwandte Themen