While working on a web page, I decided to implement a parallax background effect. I have three divs with the same background, which you can see in this fiddle.
Interestingly, when I use different background images for each div, the parallax effect works perfectly. However, if I use the same background image for all three divs, the parallax effect does not function as expected.
To create the parallax effect, I am utilizing the jQuery Parallax plugin which can be found at .
Here is the jQuery code snippet I am using:
$(document).ready(function(){
$('.sep').parallax("50%", 0.6);
});