chrome中position:fixed对z-index的影响

页面如图：divA是一个悬浮磁条，固定宽度居中。有个子元素A-child右浮动。浏览器向下滚动时实现下图效果：B挡住A,A-child挡住B。dom结构：正常的实现方式很容易：因为B本身就在A的后面，当A和B都设置了position属性（非static），且没有设置z-index的时候，其层叠关系是后面的元素覆盖前面的元素，这样只需要给A-child设置z-index属性值即可。less代码：除chrome浏览器以外，IE8+和其它浏览器效果正常（当然IE6,7也有问题）。chrome下如图：A-child无法覆盖B元素。后来发现是chrome22+以后的一个改动，参考链接:Thestacki