Объединить фоны с прокруткой Parrllax

Question

У меня есть прокручивающий сайт Parllax, я установил div, который называется «bg» с высотой 8000 пикселей и шириной 960 пикселей, вся информация о странице - это тот же размер, у меня есть фон тела, когда я установить фон тела, он работает через всю страницу красиво, вещи, которые я хочу объединить, когда я устанавливаю фон «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; 
} 

Когда я добавляю фон для Б.Г. он ломает облака, когда они попали Б.Г. зум, я понимаю, почему это происходит, не знаю, как сделать он течет. спасибо заранее.

Edit>

Вот screenshoot, только для наглядного примера, сделал это сильный синий Dropbox Screenshot. , как вы, ребята, видите, облака не продолжаются до bg, я хочу, чтобы они были визой на фоне bg.

Answer 1

Использование:

#bg { 
    background-color: transparent; 
}