Question

我有一个Parllax滚动网站，我设置了一个名为“bg”的div，高度为8000px，宽度为960px，所有页面信息都是那么大，我有一个身体背景，当我设置身体背景时，它的工作原理很好地通过所有页面，事情是我想要组合它们，当我设置“bg”背景时，它打破了身体背景，我想要显示身体背景并且“bg”在他身上而不打破他。 possiable？

代码示例：

<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时打破云，我明白为什么会发生这种情况，不知道如何让它流动。谢谢你。

修改＆gt;

这是一个屏幕截图，只是为了清晰的例子，使其变为强蓝色Dropbox Screenshot。正如你们可以看到的那样，云不会继续到bg，我希望它们能够在bg背景中被遮挡。

Answer 1

使用：

#bg {
  background-color: transparent;
}

将背景与视差滚动相结合

1 个答案: