レイヤーは他の要素を上書きし、Z-インデックスを無視します

Question

ウェブでは、クリック時にページをカバーする透明なレイヤーがあり、いくつかのページ要素のみを表示します。しかし、私がz-indexについて何を持っているかは問題ではありません。そのレイヤーは、私が示したい1つの要素をカバーしています。 idがplayerの要素をレイヤー上に表示する必要があります。これについては、layerとplayerの場合はどうしたらよいですか？

<div id="layer" style="width: 100%; height: 100%; visibility: visible; z-index: 99;"> </div> 

    <div id="page" style="margin: 0 auto; position: relative; top: 80px;"> <!-- Begin page div --> 

    <div id="player" style="width: 506px; height: 377px; border: 2px solid white; z-index: 99999; display: inline; float:left; margin-top: 12px; margin-left: 12px; margin-right:0px; overflow: hidden;"> 

layerのスタイルは次のとおりです。

#layer { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background: black; 
    filter:alpha(opacity=80); 
    opacity: 0.80; 
    z-index: 999;" 
} 

Answer 1

#player divにはposition: relative;を設定する必要があります。

Answer 2

「位置：相対」があることを確認することが1つあります。これらのdivの親コンテナに適用され、z-indexingが認識され、適用されます。