css - z-indexを使用してボックスシャドウの後ろに画像を配置する方法は?

Question

ボックスの影が画像の上に表示されるように、ヘッダーのボックスの影の後ろに画像を配置したいと考えています。

これを達成するために z-index を使用してきましたが、機能させることができませんでした。

私が作成したコードはJSFiddleで利用できます。

Answer 1

ヘッダーの位置の値を変更し、コピーレフトを

position:relative;

z-indexは、配置された要素（position：absolute、position：relative、またはposition：fixed）でのみ機能します。

Answer 2

ここに行きます：http：//jsfiddle.net/zrm69/3/

Answer 3

Zインデックスは、静的に配置された要素には効果がありません。ヘッダーをに変更するとposition: relative、すべて問題ありません。