2013-04-05 104 views
-2

我不确定为什么,但是我使用的图像在顶部显示为白色线条。其他图像不会发生这种情况。在网站窗口顶部和Chrome书签底部之间显示的线

我放大了相当多的图像,以确保它不是图像本身。我将箱子设置为黑色,因为图像没有涵盖所有内容。但它仍然存在。

这是网站:http://www3.carleton.ca/clubs/sissa/html5/

这是什么样子:

enter image description here

CSS:

body{ 
    width: 100%; /*always specify this when using flexBox*/ 
    height:100%; 
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    text-align:center; 
    -webkit-box-pack:center; /*way of centering the website*/ 
    -moz-box-pack:center; 
    box-pack:center; 
    background:black; 
    background:url('images/bg/bg14.jpg') no-repeat center center fixed; 
    background-position: left top; 
    -webkit-background-size: cover !important; 
    -moz-background-size: cover !important; 
    background-size: cover !important; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px; 
} 
+0

那么你看到这条线与其他网站? – FelipeAls 2013-04-05 04:45:49

+0

我看到一个瘦。大小与中间的顶部大小相同(非突出显示)。但突出显示的线条更粗更明显。当我使用style2(左侧边栏)时,线条大致正常。 (对不起,如果我没有明确解释) – Batman 2013-04-05 04:50:27

回答

1

这仅仅是因为Chrome的主题,你正在使用。将主题更改为默认,并且不会获得该白线。我没有在我的Chrome上获得它!