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
Posted

z-index:
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..
Ex:
HTML
<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
CSS
(position:absolute, position:relative, or position:fixed)


Refer below for more info...
http://www.w3schools.com/cssref/pr_pos_z-index.asp[^]
   
v5
Comments
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.
   
Comments
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