Streaming live at 10am (PST)

Why do my items get hidden even when they have a higher z-index?

I have an interaction on my home page where an image is shown in the background. For some reason when I hover over an item in this collection list, any title before it is hidden behind the image.

I don’t really understand why this is, since the image has a z-index: 1;, and the text has a z-index: 999; (desperate attempt).

I have a feeling it has something to do with a weird quirk related to the CMS list, any ideas?


Here is my site Read-Only: LINK

If you straight up delete the hero-img opacity to 100% step it works fine. Honestly no idea why, but give that a shot.

Screen Shot 2021-06-07 at 10.16.47 PM

1 Like

@jmkriz the problem there is that the background image doesn’t get shown :frowning:
It works because the weird z-index quirk between the background image and text doesn’t exist anymore.

So yeah, this confirms my hunch that it’s a z-index issue, but doesn’t allow me to have the behaviour I intended :sob:

1 Like