IE7 z-index无法正常工作

Question

我遇到了臭名昭着的ie7 z-index错误，但我在网上找到的解决方案都没有成功解决我的问题：/

见这里：http://jsfiddle.net/bwLJM/

绿色框出现在所有浏览器的上方，包括ie9和ie8但不是ie7（我不关心ie6）

如果我从父元素中移除position:relative;虽然它会解决问题，但我需要留下来因为我将使用绝对位置将这些元素的父元素放在这些元素的父元素中！ /强>

有人可以帮忙吗？

由于

Answer 1

您可以将叠加框放在相对定位的元素中吗？就像this example？

一样

它适用于我的IE7。