CSS3 PIE Forums
http://css3pie.com/forum/

z-index problem with drop down css3 nab
http://css3pie.com/forum/viewtopic.php?f=4&t=1515
Page 1 of 1

Author:  antistandard [ Sun Feb 05, 2012 9:36 am ]
Post subject:  z-index problem with drop down css3 nab

Hi, I am modifying a css3 nab that i found in a tutorial and I am having trouble with the z-indexing.

Please check out the nab here:

http://cafemeetup.com/testArea/nav/

If you rollover either of the 2 nab items, you can see that the z-indexing of the drop down box is higher than the link that spawned it.
This is not true as I have made the z-index of the rollover box lower in the stacking order.

What I am trying to achieve is to have the drop down box fall underneath the link so the the drop shadow of the drop down box is not visible on top. I want the link and drop down box to meld into one and I think by making the link sit on top of the drop down box, I can achieve this.

It is done here at Shopify:

http://www.shopify.com/ (rollover 'resources')

Anyway, hope someone can shed light on this.
I am assuming that the problem lies in the fact that the object I am trying to add z-indexes to are hovers and also that they are not regular divs as such.

Anyway, thank you for at least reading all this. I appreciate your time,
James

Author:  jason [ Sun Feb 05, 2012 11:14 am ]
Post subject:  Re: z-index problem with drop down css3 nab

This seems off-topic. Are you attempting to use PIE? It appears not.

Author:  antistandard [ Sun Feb 05, 2012 11:18 am ]
Post subject:  Re: z-index problem with drop down css3 nab

true,
sorry i didn't know what Pie is. I thought this was a general CSS3 discussion board.
I'll take off my post when i work it out.
sorry again

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/