Question

当我想为我的页面设置背景时，我编码就像这段代码！但它刚刚接近完全，它仍然有一个小的“白色BackGround”可能只有5px或7px在右，左，上，下也:(

#background{8
    background-image: url('picture/background.jpg') ;
    background-repeat: no-repeat;
    width : 100%;
    height : 100%;
    background-size : cover;
    background-attachment: fixed;
    top : 0px;
    left : 0px;
}

Answer 1

确保背景div和可能包含它的任何内容都将margin和padding都设置为0。

Answer 2

应该是因为浏览器添加了默认的边距/填充。

请添加margin:0和padding:0，如下所示

 #background{
    background-image: url('picture/background.jpg') ;
    background-repeat: no-repeat;
    width : 100%;
    height : 100%;
    background-size : cover;
    background-attachment: fixed;
    top : 0px;
    left : 0px;
    margin: 0;
    padding: 0;
}

其他只是

body {
  margin: 0;
  padding: 0;
}

Answer 3

尝试添加margin:0; padding:0;，如下所示：

#background{8
background-image: url('picture/background.jpg') ;
background-repeat: no-repeat;
width : 100%;
height : 100%;
background-size : cover;
background-attachment: fixed;
top : 0px;
left : 0px;
margin: 0;
padding: 0;
}

如何在HTML中设置完整页面的背景

3 个答案: