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

By: Playing with z-index « Thanumoorthy's Blog

Playing with z-index « Thanumoorthy's Blog — Mon, 30 Apr 2012 18:00:29 +0000

[...] http://divitodesign.com/css/z-index-overlap-html-elements-with-css/ [...]

By: Stefan Vervoort

Stefan Vervoort — Thu, 15 Mar 2012 12:42:08 +0000

Close your postion:absolute with an “;”.

By: Pato

Pato — Wed, 07 Mar 2012 18:43:51 +0000

doesn’t works for me =( this is my code. Whats wrong?

#wrapper .footer {
position:absolute
height: 375px;
width: 900px;
z-index:2
}
#wrapper .contenido {
position:absolute
height: 300px;
width: 400px;
z-index:1;
margin-right: auto;
margin-left: auto;
}

By: depot pulsa

depot pulsa — Wed, 08 Feb 2012 08:04:20 +0000

very good ,that is why my div z-index doesnt work before i ve found this post

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.