Hey there! I have an object with a hover interaction on it. On top of this object, is a div with a gradient (fixed position), to add some fading out effect. Because the gradient has a higher z-index (which it needs), the interaction isn’t working properly. Is there a way to prevent this from hap…

Hey man, thanks for taking a look. I actually just figured it out, didn’t really know what to search for before, but then I remembered: .scroll-gradient-top {pointer-events:none;} This code will ignore the gradient element.

Z-index break interaction on div below

Design help Animations & Interactions

teejaaygee (Tim.) February 7, 2019, 10:51pm 2

Hey aaleks.

Can you supply a share link?

Thanks.

Topic		Replies	Views
All interactions that affect other elements will permanently put affected ele to TOP layer Animations & Interactions	7	3756	June 13, 2016
Z-index interaction Animations & Interactions	6	4537	April 23, 2024
Button don't work under layer Animations & Interactions	7	2054	May 4, 2019
Help understanding why this interaction doesn't seem to work how I envisioned Animations & Interactions	0	451	April 13, 2023
Custom navbar appears behind all elements that have an interaction Animations & Interactions	5	995	August 19, 2020

Z-index break interaction on div below

Related topics