I've been playing around with positioning and z-index and I'm wondering if it is possible to give a containing box higher z-index that it's children. As far as I have been able to tell, ( in firefox/opera ) it doesn't work. I have a <ul> with a background:transparent url(image) no repeat, and I need the <li>'s to be under that background image.
Alan,
I made this test a couple days ago: http://www.bivia.com/sandbox/z-index/
You can specify a negative z-index for the children, which will put them behind the parent in theory. However, it looks like that's Gecko and Opera only for now. Don't know if that's because it's a newer standard or what.
Any z-index you add to the parent only establishes its stacking order within the stacking context it exists in--usually its own parent. It also establishes a new stacking context for its children. Also, z-index only applies to elements not positioned statically (i.e., absolute, relative, or fixed), but some browsers mess up the fixed thing, and Opera seems to get confused when things get floated.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
