CSS深入理解Z-index之层叠顺序

 

       为何层叠顺序是这样的呢？

  因为：这更符合页面加载的功能和视觉呈现

 

 

   index与层叠上下文————

         1.定位元素默认Z-index：auto可看成Z-index：0；

         2.Z-index不为auto的定位元素会创建上下文；

         3.Z-index 的层叠顺序的比较止步于父级层叠上下文

注意：从层叠上下文上来讲，Z-index：auto不会创建上下文，而Z-index：0；可以创建。另外，这不包括IE7浏览器，在IE7下，两者都可以创建层叠上下文