Question

我创建了一个模态，但是模态中的一个孩子div没有出现，我也不知道为什么。

为清楚起见，下面示例中的.divs1 div不可见。

.ssmodal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  /*width: 100%;*/
  /*height: 100%;*/
  /*margin: auto;*/
  /*overflow: auto;*/
  background-color: #fefefe; /* Fallback color */
  /*background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  font-size: inherit;
  font-family: 'Mukta';
  border:2px solid red;
}
.divz1 {
    z-index: -1;
  border:2px solid blue;
}
P {
  border:2px solid green;
}

<div id="modal" class="ssmodal">
    <div id="divs1" class="divz1">
        <p>TESTINGGGGGGG</p>
    </div>
</div>

Answer 1

父div ssmodal具有属性display:none。这将隐藏父div的所有子元素。

删除该属性应显示子div。

Answer 2

由于应该显示的div位于父div标签内，并且已经添加了属性display:none;，因此该div内不会显示任何内容。因此，请尝试更改display: none;

Answer 3

我不知道为什么将z-index值-1放在类 .divz1 中，我认为这是这里的主要问题。

作为CSS现在的类 .divz1 向下浮动一层，如果将值更改为大于1，肯定会解决您的问题。

嵌套在另一个div中的div不可见

3 个答案: