绝对元素不与固定位置div重叠

Question

我有两个固定定位div（A类和B类）的布局。此外，我在B类中有一个绝对定位的div（C类），其z-index大于A类。在chrome类C中，它不与A类重叠。它在Firefox中工作正常。

HTML

<div class="A"></div>
<div class="B">
    <div class="C"></div>
</div>

CSS

.A{position:fixed; width:200px; height:50px; z-index:1; background-color:#FCC}
.B{ position:fixed}
.C{position:absolute; z-index:2; top:-10px; background-color:#CC6; width:70px; height:50px;}

Jsfiddle

注意：将Z-index添加到B类可能会解决问题，但在我的情况下我不能这样做。有没有其他方法可以解决它？

Answer 1

在z-index:0上设置.A，它将移到顶部