translate3d仅为某些元素打破z-index

Question

http://jsfiddle.net/ad8dQ/13/

这是网址。

正如您所看到的，它适用于Firefox但不适用于Chrome。

如果我将translate3d(0,0,0)添加到固定元素，那么我可以轻松地使元素重叠。 （例如，红色的div很乐意越过固定的div。）但是，如果该元素包含另一个带有固定背景图像的元素，则图像会在Chrome中消失。

（请参阅firefox了解它应该如何工作。）

让我补充一点，如果我没有固定背景图片的附件，那么问题就会消失，但我确实需要固定的背景图片。