Comments on: Z-Index : Overlap HTML Elements With CSS

By: Benedict

Benedict — Thu, 02 Feb 2012 12:59:27 +0000

I have a z-index issue when I move the navigation links over to the right, under the dropdown box. I need the links to go behind the drop down box.
The links are absolutely positioned with a z-index: -9999 !important but I still can’t get it to work.

http://www.selected.telegraph.co.uk/

By: Seattle Homes

Seattle Homes — Tue, 13 Dec 2011 06:31:51 +0000

I know Bill said your instructions were wrong (see above) but they worked for me. Wrong or right, I appreciate the help.

By: zemelapis

zemelapis — Thu, 01 Dec 2011 11:17:45 +0000

sorry found the problem and i am sure many had it, by default for example div is transperant, so it looks like doesnt overlap, but when u put background it works fine.

By: zemelapis

zemelapis — Thu, 01 Dec 2011 11:06:03 +0000

it doesnt work for me anyway, cant get what i’m doing wrong!

By: Richard

Richard — Sat, 19 Nov 2011 04:31:14 +0000

It still worked when one of my elements was “position relative.”

Thx!

By: bill

bill — Sun, 16 Oct 2011 13:41:25 +0000

please rewrite the beginning of this article as it is wrong and is sure to be causing confusion.

the assertion that the zindex is not working in your first example is wrong, and your use of the term ‘under’ in this manner shows that you are yourself confused about this property.

zindex does not deal with the FLOW of the elements; it only deals with the order of OVERLAPPING elements. your first example has no OVERLAPPING elements, therefore the zindex has no discernible affect, which is proper.

and you do not need to have absolute positioning for zindex to work. any overlapping elements will be affected by zindex and absolute positioning is not the only way for that to occur.

given how high this page ranks in google, you would be doing a lot of people a favor by removing/rewriting the misleading portions.

thanks.

By: Erick S.

Erick S. — Sat, 10 Sep 2011 13:13:07 +0000

This seems nice…but…

When you scroll with the browserwindow scrollbar, the DIV with ‘position:absolute;’ stays on the same place while the rest scrolls.

Or am I doing something wrong?

By: Aniket Kamthe

Aniket Kamthe — Sat, 03 Sep 2011 06:52:08 +0000

Thank you so much for your help. This is really help me in time. Thanks a lot.

By: Stefan Vervoort

Stefan Vervoort — Wed, 24 Aug 2011 22:49:01 +0000

Cheers, good one.

By: onegiantmedia

onegiantmedia — Wed, 24 Aug 2011 20:15:26 +0000

that tricky little position property makes all the difference. Another article with a good link to a full explanation here:

http://onegiantmedia.com/css-z-index-not-working-to-order-depth-position-of-div

cheers