Question

我使用覆盖div禁用整个页面，我想在此覆盖div上显示警告消息。请让我知道，如何处理这个问题。如果我在叠加div后添加div，则显示隐藏。我希望在此叠加div上显示此警告消息。

<div id="overlay"></div>

#overlay {
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    width: 100%;
    height: 100%;
    display: none;
}

$("#overlay").show();

由于

Answer 1

我试过这个fiddle

添加了一些HTML，为叠加div做了一个兄弟

<div id="overlay"></div>
<div id="warning">
I am a warning
</div>

除了#warning

之外，

在z-index上应用了几乎相同的css

#warning{
  width:200px;
  height:20px;
  border:solid 1px red;
  position:absolute;
  display:none;
  z-index:1000;
}

并使用callback叠加到show警告div

 $("#overlay").show(function(){
    $('#warning').show();
});

在叠加div上显示警告消息

1 个答案: