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;
}
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
Überprüfen Sie Ihre Dateistruktur. Haben Sie Ihren Bilderordner im selben Ordner wie das CSS? –
Ich denke, dass Sie den Schrägstrich vor dem Bildordner "URL" ("/ images/Background1.png") fehlen –