Question

我去了我朋友的家，看看我的网页在其他分辨率上的显示方式，但发现背景图片没有到达两侧。所以，我回家做了一些研究，并被告知我不应该在body标签中添加背景图像，而应该在container div之前在body标签内创建一个div，它会起作用。

这对我的一个设计有效但在另一个设计中没有 - 代码完全相同，但图像不是。

我尝试在我的CSS中添加position:absolute并确实显示，但它在顶部和左侧都有一个奇怪的白色边框。

如何解决此问题？

HTML：

<html>
    <head></head>
    <body>
        <div class="background">
        </div>
        <div class="container">
        </div>
    </body>
</html>

CSS：

body{
    text-align:center;
}

.background{
    background:url('images/background.png')no-repeat;
    width:100%;
    height:100%;
    background-position:center; 
}

Answer 1

信息不足以真正给你一个很好的答案......但是页面顶部和左侧的白线听起来像附加在body标签上的自然边距。如果你把这个添加到你的CSS，它应该删除：

body {
margin: 0px;
}

此外，背景图像“到达两侧”将主要取决于图像相对于查看屏幕分辨率和浏览器大小的尺寸。这些因素是您无法控制的，因此在您的设计背景中使用图像时请务必谨慎。

背景图像不会显示在div中，而是显示在body标签中

1 个答案: