Arno Lorentz Arno Lorentz - 2 months ago 6
jQuery Question

Element below an absolute elements is interfering with the absolute element on top of it

I made a

element in HTML using CSS and jQuery inspired by this URL. Link to my pen here.

I'll do the animation stuff and additional styling later but first I have to solve a bug. When you click on the top Select box, then a dropdown list appears, but the problem is that two of it's elements ('Programmer' and 'Hacker') are not behaving properly on hover. I'm guessing that is because of the 2nd Select box beneath them. Any way to make them work properly?

I've tried setting the
of the dropdown to
but no luck.


It's always z-index issue.

.sl-batman {
   z-index: 2;