对于CSS世界中的元素而言，所谓的“冲突”指什么呢，其中，很重要的一个层面就是“层叠显示冲突”。 默认情况下，网页内容是没有偏移角的垂直视觉呈现，当内容发生层叠的时候，一定会有一个前后的层叠顺序产生，有点类似于真实世界中论资排辈的感觉。 而要理解网页中元素是如何“论资排辈”的，就需要深入理解CSS中的层叠上下文和层叠顺序。 我们大家可能都熟悉CSS中的z-index属性，需要跟大家讲的是，z-index实际上只是CSS层叠上下文和层叠顺序中的一叶小舟。

    一个复杂的首页通常不是简单的二维，有时需要三维的，所以不得不考虑z-index的层叠关系问题。通常一个页面会由不同组别的人来维护，由于没有 一个统一的规范，z-index会随便的定义，制作人为了安全起见会设置一个很大的z-index值：9999，但是这样设置也并不表示就是安全100% 在页面最上面了，所以需要一个规范来使得z-index来确保页面元素的正确z-index。产生z-index的情况： css元素的布局定位广告漂浮元素 select、flash与ifr...