Embedded Hype HTML file overlays the nav


I’m new to Hype 3. I just created my first animation as part of a design portfolio site that I have. See below:


The animation runs fine. However, it overlays on the global nav as you scroll down, which it shouldn’t. Any pointers will be very helpful.

Thank you,

Your z-index’s are clashing. You have the image area as z-index: -1; But hype’s scene is z-index: 1;

Try giving your header tag an index higher than 1 perhaps 10. This will enable it to definitely be above everything.

You can find it in css/style.css.


Fixed. Thanks a lot!