固定親を持つ絶対配置要素のz-インデックス

Question

なぜ絶対インデックスを持つ要素でz-indexプロパティが機能しないのですか？ 私はこのような場合のために、簡単なexample作る

HTML：

<div id='q1'> 
    <div id='q2'></div> 
</div> 

CSS：Zインデックスは、同じスタックの要素に相対的であるため、

#q1 { 
    position: fixed; 
    width: 100%; 
    height: 50px; 
    background-color: red; 
    z-index: 0; 
} 

#q2 { 
    position: absolute; 
    top: 80%; 
    border: 2px solid black; 
    width: 100px; 
    height: 30px; 
    background-color: green; 
    z-index: -1; 
} 

Answer 1

それはそのように行うことができませんあなたのケースでは、子供のZ-指数が親のZ-指数より低くなることを望みます。

ところで、＃q2を＃q1の子にしないと、魅力的に機能します。

・ホープ、このヘルプ

Answer 2

それはQ2はQ1

内にネストされているので、それはだ、positionプロパティとは何の関係もありません