Can't get image to appear

Hello:

I’m sorry but I’m not having any luck getting this to work. After following your instructions, the image isn’t even appearing in my parallaxed div element. The page is here:

http://testing004.compoundeyedesign.com/

… where I’d like my image to appear is in the white box under the video and the under the purple signup box. In that <div> I have this code:

<div class="row" data-parallax="scroll" data-image-src="/assets/zoom-39777438-3.jpg" style="background: transparent;">

And in the bottom of the page code — under where the jQuery is called, as recommended — is my parallax script:

<script src="./index_files/jquery.min.js"></script> <script src="/parallax/parallax.js"></script>

Things I tested:

1. Any errors in the Chrome Dev Tools for calling the image
2. Looking in other browsers to make sure it wasn’t just Chrome.

Any ideas? Thanks in advance.

Cheers, Russell

[rbodin]

i had a similar issue… I finally noticed that if i changed the z-index to a positive value, it would work. Otherwise it would remain hidden behind the body if the body’s background is set. In my case i was setting the body background to white, so i didn’t really need it, and removed it… and parallax was finally showing images…

Hope this will help…

[ninthony]

@mcdoolz Thanks for the positive z-index comment. Solved my issue.