網頁顯示順序的規則: stacking context

瀏覽器在繪出網頁內容時, 並不是單純在 CSS 的 z-index 排序。而是依 stacking context。

有兩篇很棒的說明文章:

• The stacking context - Web developer guide | MDN: 一圖勝千文, 說明什麼是 stacking context。
• What You May Not Know About the Z-Index Property – Tuts+ Tutorials: 進一步說明 stacking order。由此得知為何文字 (嵌在 inline box 裡) 一定顯示在 div (block level box) 之上。這篇似乎不是用標準定義的詞彙, 不過比較容易理解。