父子兄弟级之间z-index的关系

今天工作时遇到一个问题，需要使用load()方法引入另一个页面的内容，但是因为当前页面有层叠元素，被引入的页面要置顶。所以在被引入页面最外层div(就叫div1吧)上增加了z-index属性，但是被引入页面并没有置顶，然后在浏览器的代码查看器中修改z-index的值，确认其余元素z-index的值均没有大于div1。猜想是不是因为load()方法和z-index属性有冲突，然而百度“ load() z-index ”并没有搜索到结果。仔细查看代码，发现div1的父级元素的z-index属性值比其它元素都小，修改父级元素z-index值后，问题解决。
附实例代码及解释：

未修改父元素z-index效果：

修改!父元素z-index效果

以上。