css - div 中心顶部边缘的白色 strip

Question

当我将这个 div 定位到中心并添加 15px 的 margin-top 时，我在白色 div block 上方得到了这个白色 strip 。我如何摆脱它，使白色 div 与上边距分开？

CSS:

body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;

#middle {
    background-color:#FFF;
    display:block;
    width:750px;
    height:750px;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
}

#bigbg {
    height:auto;
    width:100%;
    z-index:-100;
    min-height:100%;
    min-width:100%;
    margin-left:0%;
    position:fixed;
    margin-top:0px;
}

HTML:

<img src="images/backgroundmain.jpg" id="bigbg">
<div id='middle'>

`

Answer 1

将 top: 0; 添加到您的 ID #bigbg。

DEMO