Embedded Hype HTML file overlays the nav

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.

3 Likes
3

Fixed. Thanks a lot!