html - 站点窗口顶部和 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 上得到它！