html - 无法创建灯箱

Question

我正在使用以下 div:-

<div style="position:absolute:z-index:150;top: 0; left: 0;width:100%;height:100%;text-align:center;background-color:black;opacity:0.4;"></div>

但它什么也没显示。

Answer 1

您的内联 CSS 中有错字。你写了 position:absolute:z-index:150; 而它应该是 position:absolute; z-index:150;.因此，将该冒号更改为分号。

div {
  position: absolute;
  z-index: 150;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: black;
  opacity: 0.4;
}

<div></div>