Embedded Hype HTML file overlays the nav


(Tushar) #1

Hello,

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

http://tushargupte.design/csc_ani.html

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,
Tushar


#2

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!