在psd转html5网页切图的时候，当子层和父层都定义了z-index的属性的时候，z-index值以父层的z-index为准，这个是web前端应该谨记的一点，这个在实际切图中经常会碰到这个问题，蓝狮注册登陆下次在碰到这种问题就不会搞错了。

ps：需要使用子层z-index属性的时候，那就要删除子层父层上的z-index属性，如果要用父层z-index属性，那么子层z-index不需要定义，因为定义也是无效的。

这个问题以前曾经遇到过，不过印象不深，这次再次列出：

代码如下： this is content this is normal content

本来希望达到的效果是弹出层浮在最上面，结果却发现无论弹出层的z-index的值设置多大，蓝狮注册开户都会被下面的这个设置 position:relative的层覆盖住，后来想了一下，发现原来popup层的显示层级是由popup层的父级元素设定的z-index值决定 的，这个我在以前的一篇博文中曾经列出。

修改popup层父级元素的z-index值，问题解决 this is content this is normal content

来源：http://bbdogbb.blog.163.com/blog/static/39279349200963010361820/

切图网是国内首家psd转html5网页切图服务公司。