Question

在网页上，我有一个透明图层来覆盖点击页面，只显示几个页面元素。但是我对z-index的含义并不重要。该层涵盖了我想要展示的一个元素。标识为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

要检查的一件事是你应该有“位置：亲戚;”应用于这些div的父容器，以便识别和应用z-indexing。

Answer 2

您需要为#player div设置position: relative;。

图层绘制其他元素并忽略z-index

2 个答案: