z-index不使用css3背景渐变

Question

我在div上有一个背景渐变（下面只显示了FF的代码以便于阅读）

background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);

然后我在其中有一个图像，需要在具有相同渐变的下面的第二个div上“突破”底部。我在图像上使用z-index 2，在div上使用z-index 1.

当div没有渐变（只是纯色背景）时，这很好用，但是一旦我应用渐变，z-index就会失败，图像会落在第二个div之后，请参阅下面的图片：

使用渐变背景

具有扎实的背景

Answer 1

问题是包含div的z-index，即使设置低于图像，删除它修复了问题：/

Answer 2

我猜测z-index es的元素没有position属性。然后z-index将无效。它可能似乎没有渐变，但这是因为div的背景颜色是透明的，图像在它下面是可见的，给人以最顶层的印象。

我是对的吗？