Выполнение фонового изображения параллакса при 100% -ной ширине при ответе

Question

Я использую этот очень простой метод Parallax для фонового изображения. http://pixelcog.github.io/parallax.js/

Он хорошо работает только я хотел бы настроить его таким образом, чтобы изображение всегда полная ширина, независимо от того, что ширина браузера (а не обрезать края и остаются на всю высоту, как вы сделаете браузер более узкий). Я думал, что смогу сделать это только с помощью CSS, но я не могу понять это!

Ниже приведена страница, над которой я работаю. У меня есть наложение, которое позиционируется абсолютно над изображением параллакса и шириной 100%. И наложенное изображение, и изображение позади него являются точно такими же размерами.

http://vurtmedia.co.uk/prev/overlay/

Я хотел бы наложение всегда покрывают изображение позади него точно. Я думаю, что, просмотрев мою ссылку, совершенно очевидно, чего я пытаюсь достичь, я просто не уверен, что это возможно даже с помощью этой техники параллакса. Поскольку изображения имеют одинаковый размер, если они изменяются одинаково, это будет работать. Я могу добиться этого легко с помощью всего два изображения и не эффект параллакса, как в этой версии

http://vurtmedia.co.uk/prev/overlay/index2.html

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

Есть ли способ сделать это, или у кого-нибудь есть предложения лучшего пути? Даже делая это наоборот может работать - делает наложение заполнить всю высоту вместо ширины ...

Answer 1

Вот что я изменил на the page you provided (это трудно размещать код в комментариях)

#vurtOverlay{ 
position:relative; 
z-index:2; 
} 

#vurtUnderlay{ 
    position: fixed; 
    z-index: 0; 
    top: 0; 
} 

section{ 
    position: relative; 
    z-index: 1; 
} 

И теперь это делает хороший эффект параллакса при прокрутке. Фоновое изображение всегда 100% ширины, независимо от ширины браузера. Надеюсь, это то, что вы ищете.