主要介绍了CSS中 opacity的设置影响了index（层数）的改变的问题，通过各种情况出现的问题进行了总结并附上了代码，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。

在使用 opacity 属性来实现页面整体透明的时候，发现了一个问题。如果两个层发生了重叠，使用了 opacity 属性并且属性值小于1的层，会覆盖掉后面的层。于是动手做了个实验，来验证 opacity 的层次。 网页中的层叠规律是这样的：如果两个层都没有定义 position 属性为 absolute 或者 relative 属性，哪个层的HTML代码放在后面，哪个层就显示在上面。如果指定了 position 属性，并且设置了 z-index 属性，谁的值大，谁就在上面。 Opacity 属性