2016-10-24 1 views
0

Ich habe ein paar Probleme mit meinem Angular SPA. Das Hintergrundbild des Körpers bleibt in der Mitte der Seite stehen.Hintergrundbild am Körper wiederholt sich nicht (ng-view)

Meine index.html

<body> 
    <div ng-view autoscroll="true"></div> 
</body> 

Mein style.css

html, body { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
} 

body { 
    padding-top: 80px; 
    background: url("../img/bg-blue.jpg") repeat-y; 
} 

Hier ist ein Screenshot des Problems: Screenshot

Hier ein Screenshot der Körpergröße ist gekennzeichnet durch Chrome-Konsole:

So scheint der Körper die Höhe der ng-Ansicht nicht zu erreichen.

Irgendwelche Ideen?

+0

Wenn Sie das Hintergrundbild setzen auf das 'html'-Element stattdessen, das wäre wahrscheinlich die einfachste Lösung. – CBroe

+0

entfernen Sie die Höhe: 100% von HTML, Körper – Araz

+0

@CBroe versuchte dies, und die seltsame Sache ist der Hintergrund ist jetzt am unteren Rand (wo es vorher weiß war), aber es ist weiß an der Spitze (wo der BG vorher war) –

Antwort

0

Ihre Wiederholung funktioniert gut. Das Problem ist, dass die Höhe nicht hoch genug ist, um den unteren Rand der Seite zu erreichen. Geben Sie die Höhe für Körper in PX oder in VH wird es

Gefällt Ihnen dieses Körper arbeiten { Breite: 100vh;}

+0

Das hat nicht funktioniert. –

-1

versuchen, diese

background: url("../img/bg-blue.jpg") 100% 100%; 
+0

Das hat nicht funktioniert. –

Verwandte Themen