Embedded Hype HTML file overlays the nav

(Tushar) #1


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.

(Tushar) #3

Fixed. Thanks a lot!