Note that there are some explanatory texts on larger screens.

plurals
  1. POAll About.... Z-Index?
    primarykey
    data
    text
    <p>This property make me confuse.</p> <p>well.. i searched in google:</p> <p><strong>What is the z-index?</strong></p> <p><em>The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order. Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).</em> <a href="http://www.w3schools.com/Css/pr_pos_z-index.asp" rel="nofollow noreferrer">Answer Source</a></p> <p><strong>What is the z-index uses?</strong></p> <p><em>The order of which the elements overlap one another. For that purpose, you can assign each element a number (z-index). The system is that an element with a higher number overlaps an element with a lower number.</em> <a href="http://www.html.net/tutorials/CSS/lesson15.asp" rel="nofollow noreferrer">Answer Source</a></p> <p>Ok i understand now , it organize the elements and we can use any number ... the higher z-index number appears on all elements..ok nice.</p> <p><a href="http://usejquery.com/posts/3/create-a-unique-gallery-by-using-z-index-and-jquery" rel="nofollow noreferrer">z-index and jquery</a>..very simple and very nice</p> <p>...but i noticed from the answers that it depend on position property, so -->...(google)..</p> <p><strong>What is the relation between z-index and position?</strong></p> <p><a href="http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp" rel="nofollow noreferrer">demo--></a> >><a href="http://css-discuss.incutio.com/?page=OverlappingAndZIndex" rel="nofollow noreferrer">source</a></p> <p>Ok ... so z-index and position are couple..must be together..</p> <p>need more information ::</p> <p><strong>dose it make any conflicts in browsers(IE7,IE8,chrome,...etc)?</strong></p> <p><strong>What are the z-index uses or what can we do with z-index(depending on the Tags)?</strong></p> <p><strong>...etc?</strong></p> <p>correct me if i understand wrong...</p> <p><strong>Thanks in advance.</strong></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload