css元素位置问题

Question

我写了一个响应式页面，中间部分使用iframe标签引人。想要这种效果

但是现在中间的iframe部分会覆盖掉那个箭头

我用z-index属性也不管用

Answer 1

关于z-index，告诉你一个道理，两个同等级的div，都设置z-index为10,100,它们的分别有一个儿子div，也设置z-index，那么第一个div的儿子永远会在第二个div的儿子下面，无论设置多大的z-index。
一句话，父亲怂了，儿子再牛也没用

Answer 2

你的z-index属性是用在哪个元素上面的呢？

Answer 3

可以把你左边栏的z-index 设置的比右边容器的层级高， 但是这不是关键，你应该让你右边引进iframe 的div 尽可能的向右靠，尽可能的宽度， 比看上去要小一点， 给左边的箭头留下足够的位置

Answer 4

另外z-index属性不是设置了就会起作用，z-index属性只有在position属性不是static的情况下才会起作用，所以你得首先看看position属性是否满足需求。