位置決めされた要素でもZ-インデックスが機能しないのはなぜですか？

.dialog h1 { 
    position: relative; 
    z-index: 10; 
} 

.dialog h1:before, .dialog h1:after { 
    position: absolute; 
    z-index: -10; 
}

を持っていますが、私のCSSの三角形（.dialog h1:before/afterは）まだh1の前に示されている純粋なCSS3リボン

を作成するために学んでいます。何故ですか？

2011-01-10 Jiew Meng

だから `.dialog H1 {z屈折率：10}を除去 http://jsfiddle.net/w9Hqd/3/

2011-01-10 08:57:14

参照'。しかし、それがなぜ問題を引き起こすのでしょうか？ 'z-index 'が低いもの（三角形）の前にレンダリングされるべきではありませんか？ –

@jiewmeng私は確信していませんが、私は正しい説明をする前にいくつかの実験を行う必要があります。 –

答えて