jquery - 将背景与视差滚动相结合

Question

我有一个 Parllax 滚动网站，我设置了一个名为“bg”的 div，高度为 8000 像素，宽度为 960 像素，所有页面信息也是那个大小，当然我有一个主体背景，当我设置主体背景时它可以工作很好地穿过所有页面，事情是我想把它们结合起来，当我设置“bg”背景时，它打破了 body 背景，我想要显示 body 背景和“bg”在他上面而不打破他。可能吗？

代码示例:

<div class="container">
      <div id="bg"></div>
</div>

CSS

body{
    font-family:  Comic sans, Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height:normal;
    direction: rtl;
    background: lightblue url('../images/notinuse/clouds.png') top center repeat-y;
    z-index:101;
}
#bg {
    background: blue;
    width: 960px;
    height: 8000px;
    position: fixed;
    z-index: 100;
    top: 0;
}

当我向 bg 添加背景时，当他们点击 bg zoom 时云层会破裂，我明白为什么会这样，但不知道如何让它流动。先谢谢了。

编辑>

这里有一个截图，只是为了清楚的例子，把它设为深蓝色 Dropbox Screenshot .正如你们所看到的，云没有继续到背景，我希望它们在背景背景中是可见的。

Answer 1

使用:

#bg {
  background-color: transparent;
}