html - 背景图像完全覆盖

<分区>

我的网页上有几个带有背景图片的 div。目前这是我想要的，但侧面和顶部/底部有白色边框(对于页面顶部/底部的那些 div)。

这是目前的情况:

My webpage - notice slight white border around photo

我试图让它填满浏览器(而不是有边框)，但其他建议都不适合我。下面是我的一个 div 代码:

<div class="header-image">
    <img src="smesh-colour-hires.png">  
</div>

和 CSS:

.header-image {
    background-image: url("animals-deep-ocean-deep-sea-130621.jpg");
    background-size: cover;
    background-position: center;
    height: 500px;
    margin: auto;
    display:flex;
    align-items:center;
    justify-content:center;
}

.header-image img{
    max-width: 800px;
}

如果有任何不明白的地方，请告诉我，我会尽力解释。

如有任何帮助，我们将不胜感激，这真的阻碍了我!

最佳答案

白色边框可能是由于 body 上的默认边距所致。

尝试在您的 CSS 中添加它。