html - 删除 Chrome 中的白线？

Question

不太确定在这里做什么。我第一次使用背景图像来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 显示器上最大化时，它是完美的，但顶部仍然有白线；但是，我相信那是因为我的书签栏。但是左边的线是我需要摆脱的。在我的第二个较小的屏幕上，它看起来很完美，除非我将其最大化。然后那条线重新出现。这是什么，我该如何摆脱它？

注意:大麦可以看到，但是如果你往下看，再往上看，你会看到那条线。这是一个更好的 View :http://i.stack.imgur.com/C963f.png

此外，我很确定这不是边框。我在 CSS 中添加了 border:0;，但没有成功。

例子:

Answer 1

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