一个固定的背景全屏幕可解析,然后添加第二张图像,而不是固定/或包装器



我已经应用了背景图像,全屏并为任何分辨率修复:

body {
background:url('http://upload.wikimedia.org/wikipedia/commons/e/e7/Sky_with_puffy_clouds.JPG') no-repeat center center fixed;
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

但是,我现在需要的是将另一个图像放在中心,如果调整浏览器大小,则将重复(可滚动)重复(可滚动)并跟随身体。(图像在这里)。

当我尝试在身体中使用逗号添加第二张图像时,"固定的无重复中心中心; -webkit-background-size:cover; ...."第一个图像中的动作新的。

有什么方法可以按照我描述的方式添加另一个图像,并保持原始图像?

基本上,我想将此图像用作所有内容,身体等的包装纸。

我确实很抱歉,我是新手,我才开始熟悉事物。

html:

<div class="main">
<p>I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.
   I think your problem solved.</p>
   </div>

CSS:

body {
width:100%;
background:url('http://upload.wikimedia.org/wikipedia/commons/e/e7/Sky_with_puffy_clouds.JPG') no-repeat center center fixed;
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.main{
  margin:0 auto;
  width:960px;
  background:url('http://1.bp.blogspot.com/-fcyW3-zf_QU/UJMiLfDY44I/AAAAAAAAAIg/wA9ZVtJ3aLM/s1600/innertest.jpg') no-repeat;
}

最新更新