删除Chrome中的白线?

时间:2013-11-14 19:30:27

标签: html css google-chrome

不确定这里要做什么。我第一次使用背景图像来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

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

实施例: enter image description here

3 个答案:

答案 0 :(得分:2)

如果背景大小设置为cover,并且图像分辨率与浏览器视口的宽高比不完全匹配,则背景将无法覆盖整个元素,并留下空白区域。如果您想坚持使用cover,唯一可行的解​​决办法就是将background-color设置为black#000,这会使这一点无法察觉。

答案 1 :(得分:0)

我认为你的bg图像比你的屏幕小一点,点击ctrl - (缩小)看看当你的屏幕更大时会发生什么。 -

答案 2 :(得分:0)

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