Click here to Skip to main content
15,884,176 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[^]
 
Share this answer
 
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.
 
Share this answer
 
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