Question

我感觉到,它会做些什么来填补整个窗口,但我看不出如何。

我正在采用正常做法,该守则附在文体上:

body {
    background-image:url( /img/graph-paper3.png );
    background-repeat:repeat;
}

#container {
    width:960px;
    margin:0 auto;
}
#sidebar {
    float:left;
    width:310px;
    padding:10px;

}

#main {
    float:right;
    width:610px;
    padding:0 10px 10px 10px;
    margin-top: 40px;
    background-image:url( /img/top.png );
    background-repeat:no-repeat;
    background-position:top center;
}

#paper {
    margin:40px 0 147px 0;
    padding:20px;
    background-color:#ffffff;
    min-height:400px;
}

#footer {
    clear:both;
    padding:5px 10px;

}
#footer p {
    margin:0;
}

#wrap {
    background-image:url( /img/jeremy-david.png );
    background-repeat:no-repeat;
    background-position:left bottom;
}

您可在以下行动中看到该守则:。

Answer 1

用途

.bottom-image {
  max-width: //some % 
  z-index: -100;
  position: fixed;
  bottom: 0px;
  left: 0px;
}

你们也可以使用

#wrap{ //your main #wrap container
  background: url( /img/jeremy-david.png ) no-repeat bottom left;
}

Answer 2

如何:

.bottom-image{
    position: absolute;
    bottom: 0px;
    left: 0px;
}

这将把图像放在网页上。 (确保儿童拥有另一个绝对或相对或固定位置要素)。

友情链接