css conflict, z-index?

**godt** · 13 May 2013, 04:40 AM

The dropdown elements in the menu here:

http://www.124shoes.com.au/collectio...sea-boot-brown

remain behind the Magicmangify Plus elements despite any fiddling with z-index. I could move the menu to the right, but the client wants it further left. Is there a css solution to this conflict?

**kobra** · 13 May 2013, 05:19 AM

Change your entry for z-index for div.MagicToolboxContainer
Make it "0"

**godt** · 13 May 2013, 06:10 AM

Originally Posted by kobra

Change your entry for z-index for div.MagicToolboxContainer
Make it "0"

Well, after all that. I would have thought doing that would place div.MagicToolboxContainer above the ul.ul, which is z-index:1. So what is going on there? Is a 0 z-index value zeroing z-index?

Many thanks for your help.

**kobra** · 13 May 2013, 02:42 PM

z-index treats elements as pieces of paper on a desktop

"0" is first down, "1" is on top of that, "2" is on top of that

**godt** · 14 May 2013, 06:14 AM

Yes, but I assumed for some reason that '0' would not function. I tried '-1' with no effect. I should have just tried '0' -- the results would have been conclusive.

Thanks again.