猛點這里測試

法則三：同輩元素定位方式不同時，動態定位居上。

猛點這里測試

法則四：非同輩元素，任意一者及其祖元素不具備動態布局時，html靠后者居上。

猛點這里測試

法則五：【重要】非同輩元素，任意一者或其祖元素擁有動態定位時，同時各自向上尋找動態定位的祖元素，并分別從中拿出具備最高級別的祖元素（或其本身）進行比較。 

情況1：子元素的z-index無論多大，父元素大者居上。

情況2：父元素居下，子元素也可以居上。

情況1、情況2結合擴展比較。

其實前四點都是基礎，只有第五點比較難于理解，這里詳細解釋一下：

在這個例子中，我們來比較div#a_inner5和div#b_inner4的層疊關系。
到它們所共同擁有的祖元素div#ab的下一級為止，div#a_inner5的祖元素包括：div#a,div#a_inner1,div#a_inner2,div#a_inner3,div#a_inner4；div#b_inner4的祖元素包括：div#b,div#b_inner1,div#b_inner2,div#b_inner3。
然后分析它們的祖元素中具有動態定位的：div#a_inner5的祖元素中含有動態定位的元素有：div#a,div#a_inner3；div#b_inner4的祖元素中含有動態定位的元素有：div#b_inner3。
然后再拿出最高級進行比較：div#a > #div#b_inner3。

父元素居下，子元素也可以居上的情況，則是利用非同輩元素在祖元素具備動態布局時，其比較已經與position:static無關，而其祖元素卻可以通過html的位置來進行比較。

引用結束

當然，有時候還存在特例，比如flash、比如ie6中的select無法遮住，這些都屬于異常情況，大家可以自己搜索一下相關文章。