How to create a parallax responsive image using the img tag?

Ok, like the title says, need to create a parallax responsive image using the img tag. In other words, I have this:

 <div class="header"> </div> <div class="img-container"> <img style="width: 100%;" src="img.jpg"> </div> <div class="content-area"> <p>stuff</p> </div> <div class="footer"> </div> 

I need to the full image to show at all times, which is why the width is set to 100%. I also need it to have a parallax effect. So far, I haven't been able to come up with a solution for both cases. I can make the image responsive or parallax but not both.

I would prefer a CSS solution that works in IE9 but jQuery will also work.

Any ideas?

Epic visual tool

Epson 5030UB 2D/3D 1080p 3LCD Projector Submitted December 21, 2015 at 03:39PM by nox_42 http://ift.tt/1RAuZis