css3阴影被遮罩后面的div给遮住了！

今天在写页面的时候，页面里面有个阴影的效果。如图：（为了显示更明显，我改了一下颜色，加宽了距离） 可是在页面书写的时候，怎么也看见阴影的效果，查看代码也生效了。 后来我把下面的div 用margin-top属性撑开，看到了缘由，原来是下面的div给遮住了。 后来，我想用z-index的方法提升层级，可是很遗憾，仍是失败了！ 也尝试了用伪类去作，可是结果不尽人意，并且代码量大。后来，我想到了绝对定位

>>阅读原文<<