css - z-index は位置固定および相対では機能しません

Question

私が望むのは、要素の子に追加position: relativeし、その子にposition: fixed適切な要素を設定することだけz-indexです。

この例を参照してください: http://jsfiddle.net/vyq7W/2/
ご覧のとおり、レイヤーのHeader前にレンダリングされたテキストですが、レイヤーのid=over後にレンダリングしたいので、id=overこの正しいものを参照してください: http://jsfiddle.net/vyq7W /3/

親の位置をrelative（または他のすべてに）変更することで、問題は解決しました。

親の位置を変更せずにそれを達成する方法を知っている人はいますか?

Answer 1

#headerと.overは互いに別個のものであるため、 よりも高い z-index を指定する必要があり#headerます.over。このフィドルを参照してください。

http://jsfiddle.net/vyq7W/5/