1

不太确定在这里做什么。我第一次使用背景图像Cover作为背景或主体。只是想让你知道，我的css中有这个：

body, html
{
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height: 100%;
    min-width: 100%;
    width: 100%;
    background: url("../images/bk.png") no-repeat center center;
    -webkit-background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    font-family: arial;
    border:0;
}

出于某种原因，当网站在我的 1920x1080 显示器上最大化时，它是完美的，但顶部仍然有白线；但是，我确实相信这是因为我的书签栏。但左边的线是我需要摆脱的。在我较小的第二个屏幕上，它看起来很完美，除非我将其最大化。然后那条线再次出现。这是什么，我该如何摆脱它？

注意：你可以看到它，但如果你往底部看，然后向上看，你会看到这条线。这是一个更好的视图：http: //i.stack.imgur.com/C963f.png

另外，我很确定它不是边界。我border:0;在CSS中添加了，没有运气。

例子： 在此处输入图像描述

4

3 回答 3

2

如果背景大小设置为cover，并且图像分辨率与浏览器视口的纵横比不完全匹配，则背景无法覆盖整个元素，并留下空白区域。如果您想坚持使用，唯一可能的解决方案cover是将 to 设置background-color为blackor #000，这将使其不明显。

于 2013-11-14T19:43:03.927 回答
0

我认为你的背景图像比你的屏幕小一点，点击 ctrl - （缩小）看看当你的屏幕更大时会发生什么。——</p>

于 2013-11-14T19:47:02.613 回答
0

我认为这实际上是 Chrome 的一个问题。我在每一页上都看到了那条白线，包括“新标签”屏幕。我正在寻找摆脱它的方法。

于 2019-12-14T17:57:57.387 回答