Question

我的Angular SPA有些问题。身体上的背景图像停在页面中间。

我的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;
}

以下是问题的屏幕截图： Screenshot

以下是通过Chrome控制台标记的身高的屏幕截图：Screenshot with console mark

所以看起来身体无法获得ng-view的高度。

有什么想法吗？

Answer 1

你的重复工作正常。问题是高度不够高，无法到达页面的下边缘。在PX或VH中给出身体的高度它将起作用

喜欢这个身体 { 宽度：100vh;}

Answer 2

试试这个

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