[Solved] z-index not working

[Rohithzr]

here i have two elements one is when you hover the plus icon and other is the ribbon. i want the cart popup to come at top of ribbon. here

[Paulie_D]

You have a div with a class of .non-sematic-protector which holds the ribbon.

If you give that a z-index of 0 the pop-up is now on top.

This may cause other issues but i can’t see any at this time.

[Rohithzr]

thanks a lot.
Edit: well but it is getting hidden below the fixed bar too. i want it to be like this bar > ribbon > popup

[Paulie_D]

Oh, you didn’t say that before….that might be a little harder.

[Rohithzr]

that is why i am asking for help. cause i am unable to figure it out

[Paulie_D]

I think the trouble might be that you can’t (I think) give a z-index to fixed positioned elements.

So you may not be able to resolve this one.

I’ll take another look later.

[Rohithzr]

ok thanks, i guess i will make it “display:none” on popup “display:block”

[Author]

Posts