在考虑到两个元素可能重叠的情况下，层叠顺序决定了那个元素在前面，那个元素在后面，这是针对普通元素而言。而层叠上下文和块级格式化上下文 (BFC) 一样，基本上也是由一些 CSS 属性创建的，它单独作为一个体系，也就是说内容的层叠顺序是以容器的层叠顺序为基准的，而与容器外部元素的层叠顺序无关，层叠上下文的创建可以分为以下三类：
(1) 页面根元素天生具有层叠上下文，称为根层叠上下文
(2) "z-index" 为数值的定位元素拥有自己的层叠上下文，数值越大，层叠顺序越高
(3) 某些 CSS3 属性也拥有自己的层叠上下文