如何使用z-index将图像定位在box-shadow后面？

Question

我想在我的标题的阴影框后面放置一个图像，以便在我的图像顶部显示框阴影。

我一直在使用z-index来实现这一目标，但还是无法使其发挥作用。

我制作的代码位于JSFiddle。

Answer 1

将标题和副本左侧的位置值更改为

position:relative;

z-index仅适用于定位元素（位置：绝对，位置：相对或位置：固定）。

Answer 2

你去：http://jsfiddle.net/zrm69/3/

Answer 3

Z-index对静态定位的元素无效。将标题更改为position: relative，一切都会好的。