我发现当我想要在顶部的div的父级被修复时,我无法在Chrome中将一个绝对定位的div放在另一个div上:
<div id="parent">
<div id="top"></div>
</div>
<div id="bottom"></div>
这是一个证明问题的JSFiddle:
您应该会在Chrome中看到黄色绝对定位的div与z-index 10出现在绿色绝对定位的div后面,z-index:1,因为父级的固定位置.
其他浏览器如Firefox在绿色顶部显示黄色div.
有关如何在Chrome中解决此问题的任何建议？我无法改变父母的固定位置.
谢谢!