I have a strange problem with the z-index hierarchy in Firefox. My site works great in Chrome and Safari, but the fixed video seems to bleed trough all of my sections in Firefox. Before somebody mentions it, I can’t use relative positioning for the sections as some of them feature fixed backgrounds and relative positioning+fixed attachment doesn’t play nice with Chrome.
Here’s a public link, thanks. https://webflow.com/design/the-crazy-ones-2?preview=a2679115d9e998e52e481eb456447ab5
I decided to ditch the fixed header and make my life easier. I’ll look into this problem around the holidays and share my experience.