今天在开发过程中再次碰到z-index失效的问题，以前仔细学习过，以为自己已经掌握了这个较常用的属性，现在发现很多属性还是有待研究的。

z-index是属性值越大，就层次越高，越能被看到，这是我的理解，然后它需要被修饰的元素有定义position属性的属性值是默认值以外的值，也就是被position:absolute、position:relative、position:fixed中的其中之一修饰。但是这次遇到不是以上原因导致。 第一个原因：父元素设置了 overflow:hidden，所以弹出层无论如何也办法显示出来，一直被遮盖。 第二个原因：父元素的父元素的z-index值是1，然后弹出层总是父元素的父元素的一个同级元素覆盖，将弹出层的z-index的值设成9999都没效果，手动笑哭。 第三个原因:父元素的父元素与父元素的父元素的同级元素z-index的值相同时，后渲染的会在上面，这个也是我以前没仔细思考的。