css - 使用 Z-Index 定位

Question

我们可以使用 z-Index 将一个 HTML 元素定位在另一个元素之上吗？例如：

<div>One</div>
<div>Five</div>

现在一个应该在五个以上......

我的问题可能很基本，但是......

score 3 · Accepted Answer

为需要在顶部显示的元素提供更高的 z 索引值。

<div style='z-index: 2'>first</div>
<div style='z-index: 1'>second</div>

读

score 1 · Accepted Answer

要使z-index 起作用，您需要为要分层的每个 div 设置为绝对、相对或固定，然后您可以使用和属性将这position两个元素置于彼此之上。lefttop

z-index 越高，div 就“越高”。即，z-index:1使用 be above z-index:0，把它想象成一堆透明的纸片从你的屏幕向你走来。

更多信息在这里：

score 0 · Accepted Answer

我不是您要问的，但使用的全部意义在于z-index将一个 HTML 元素置于另一个元素之上。

您可以在此处获得更多信息。

score 0 · Accepted Answer

给三个不同的 div 一个唯一的 id，例如：

<div id="divOne">One</div>
<div id="divTwo">Two</div>
<divid="divThree">Three</div>

在您的 CSS 样式表中：

#divOne {position:absolute;z-index:1;}
#divTwo {position:absolute;z-index:2;}
#divThree {position:absolute;z-index:3;}

score 0 · Accepted Answer

与其他层相比，z-index 相同的偏好越少。也就是说，z-index=2 的层将被渲染在 z-index=1 的层之上。

<div style='position:absolute;z-index:2'>first</div>
<div style='position:absolute;z-index:1'>second</div>

5 回答 5