显示在站点窗口顶部和chrome书签底部之间的线

Question

我不确定为什么，但我正在使用的图像在顶部显示一条白线。其他图像不会发生这种情况。

我在图像上放大了很多，以确保它不是图像本身。我将盒子设置为黑色只是因为图像没有覆盖所有内容。但它仍然存在。

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

这就是它的样子：

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;
}

Answer 1

这只是因为您使用的是Chrome主题。将主题更改为默认值，您将无法获得该白线。我没有在我的Chrome上获取它！