身体の背景イメージが繰り返し表示されない（ng-view）

私のAngular SPAに問題があります。本文の背景画像は、ページの中央に停止します。経由してマークされ、本体の高さのスクリーンショットここ Screenshot 身体の背景イメージが繰り返し表示されない（ng-view）

さ：

私のindex.html

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

私のstyle.cssここ

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

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

は、問題のスクリーンショットですChromeコンソール：Screenshot with console mark

身体がng-viewの高さを得ることができないように見えます。

アイデア？

出典

2016-10-24 Martin Brandhaug

を試してみてください;：{100VH 幅} PXで、体のために高さを与えるか、またはVHにそれがこの体と同様に

に動作します代わりに 'html'要素を使用してください。おそらく最も簡単な解決策です。 – CBroe

htmlからボディーを100％削除しました – Araz

@CBroeはこれを試しました。バックグラウンドが背景になっています（前回は白だった）が、白はトップです（以前はbgだった） –

あなたの繰り返しはうまくいきます。問題は、高さがページの下端に達するのに十分な高さではないことです。あなたは上の背景画像を置くことができる場合

出典

2016-10-24 13:34:37

これは動作しませんでした。 –

-1

この

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

出典

2016-10-24 13:42:21

これはうまくいかなかった。 –

身体の背景イメージが繰り返し表示されない（ng-view）

答えて

関連する問題