小编use*_*160的帖子

我需要将HTML内容放在页面模板中.我给出的部分是在一个Div容器中,它定义了我必须使用的大小.模板的CSS定义了左右17.5%的边距,这意味着我在中心有65%输入我的内容.这对于我需要包含的大部分内容都是可以的,除了需要全宽(100%)的背景图像.我可以附加一个带有我的内容的样式表,但是如果我更改了我的CSS中的.wrapper元素,则会导致页面其余部分出现问题.我还必须逐页更改背景图像,因此必须在HTML中包含图像路径,而不是在CSS中.

到目前为止我所拥有的是什么

HTML:

 <div class="pageBackground">
        <img src="img/festival-background.jpg">
    </div>  

CSS:

.pageBackground {
position: relative;

}

.pageBackground img {
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;

}

什么是正确的方法,使我的背景图像100%的页面,而不是容器和我的内容的其余部分？

提前谢谢了!!!