不确定这里要做什么。我第一次使用背景图像来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;
,没有运气。
实施例:
答案 0 :(得分:2)
如果背景大小设置为cover
,并且图像分辨率与浏览器视口的宽高比不完全匹配,则背景将无法覆盖整个元素,并留下空白区域。如果您想坚持使用cover
,唯一可行的解决办法就是将background-color
设置为black
或#000
,这会使这一点无法察觉。
答案 1 :(得分:0)
我认为你的bg图像比你的屏幕小一点,点击ctrl - (缩小)看看当你的屏幕更大时会发生什么。 -
答案 2 :(得分:0)
我认为这实际上是Chrome的问题。我在每页上都看到白线,其中包括“新标签”屏幕。我正在寻找一种摆脱它的方法。