如何解决CSS3使用:after和:before阴影，由z-index引起的问题

问题的答案非常简单：

 

#parent { position: relative; z-index: 1; }
#pseudo-parent { position: absolute; } /* no z-index allowed */
#pseudo-parent:after { position: absolute; z-index: -1; }

 

具体参考：

http://stackoverflow.com/a/9072467