0

我去朋友家看看我的网页在其他分辨率下是如何显示的，但发现背景图像没有到达两侧。所以，我回家做了一些研究，并被告知不要将背景图像放在 body 标签中，我应该在 div 之前在 body 标签内创建一个containerdiv 并且它会起作用。

这确实适用于我的一个设计，但不适用于另一个 - 代码完全相同，但图像不是。

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

我该如何解决这个问题？

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; 
}
4

1 回答 1

1

没有足够的信息来真正给你一个好的答案......但是页面顶部和左侧的白线听起来像是附加到正文标签的自然边距。如果您将其添加到您的 css 中，它应该删除：

body {
margin: 0px;
}

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

于 2012-09-30T18:04:53.630 回答