css - 一个固定背景全屏可调整大小，然后添加第二个不固定/或包装的图像

Question

我已经应用了背景图像，全屏并针对任何分辨率进行了修复:

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;

}

但是，我现在需要的是在中心放置另一个图像，如果浏览器调整大小，它将重复向下(可滚动)并跟随主体。 (图片为 here )。

当我尝试在正文 html 中添加带有逗号的第二张图片时，第一张图片中的“无重复中心中心固定；-webkit-背景大小:覆盖；....”操作将应用于新的。

有没有办法按照我描述的方式添加另一张图片并保持原始图片不变？

基本上我想用这个图像作为所有东西的包装， body 等。

我很抱歉，我是新手，我才刚刚开始熟悉一些东西。

Answer 1

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;

}