随着更多内容的添加，背景上不需要的填充

Question

我正在开发一个热点的布局，但我遇到了一些问题。 在初始页面正确放置背景（图像1），但在具有主要内容的另一页面中，顶部显示填充（图像2） 如果我降低内容，背景会恢复正常（图3）。

---

我的CSS：

body {
    margin: 0;
    padding: 0;
    background-color: #1B0807;
    font-family: 'Droid Sans', Arial, Verdana, sans-serif;
    color: #FFFFFF;
    background-image: url('../img/bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

---

---

---

如何解决？ 感谢

Answer 1

试试这个：

background-position:center top;