Click here to Skip to main content
15,068,471 members
Please Sign up or sign in to vote.
3.00/5 (2 votes)
See more:
what does z-index in css??
please help me?
thanks so much
tanks guy

So far you know x-axis and y-axis and what they refer.. Like wise there is another axis called z-axis which refer the order of elements. Also it referred as ordering of elements in stack order.

Which means element with greater z-index will appear on element with lesser z-index..
<div id="div1" style="position:absolute; z-index;100; height:100px; width:100px;"></div>
<div id="div2" style="position:absolute; z-index;200; height:100px; width:100px;"></div>

Here div2 will appear on div1...

Also z-index only works on positioned elements
(position:absolute, position:relative, or position:fixed)

Refer below for more info...[^]
Raje_ 8-Mar-13 5:19am
Good explanation, my +5.
vinodkumarnie 8-Mar-13 5:32am
Thank you...
ridoy 9-Mar-13 1:24am
good answer..+5
vinodkumarnie 9-Mar-13 1:35am
Thank you very much.. :-)
Google is your friend: Be nice and visit him often. He can answer questions a lot more quickly than posting them here...

A very quick search gave over 10 million hits: Google[^]

In future, please try to do at least basic research yourself, and not waste your time or ours.
Nandakishore G N 9-Mar-13 1:42am
good point OriginalGriff

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900