如何在所有其他元素/div 上显示我的元素（`class="line"`）？答案

【问题标题】：How can I display my element(`class="line"`) over all other elements/div?如何在所有其他元素/div 上显示我的元素（`class="line"`）？
【发布时间】：2026-01-21 07:00:01
【问题描述】：

如何将我的元素 (class="line") 显示在所有其他元素/div 之上？

<div class="line" style="float:left; margin-left:-40px; margin-top:50px; width:30px; color:gray; height:10px; font-size:22px; font-weight:470">_</div>

我需要有可能在margin-top:50px上进行操作

【问题讨论】：

签出z-index
显然不是通过浮动元素。这可以通过将元素相对于 body 进行绝对定位并增加 z-index 来完成。
所以要小心与 z-index 属性的兼容性，看看这里caniuse.com/#search=z-index 并在许多浏览器和设备上测试你的代码

标签： html css

【解决方案1】：

我们可以通过以下方式给予：

我们可以将class="line" 添加到position 属性并提及Z-index 属性（layer concept）

.line
{
    position:absolute;
    z-index:2
}
.otherclass
{
    position:absolute;
    z-index:1;
}

我们应该在Position属性中指定两者

【讨论】：

【解决方案2】：

您需要设置元素的z-index 属性。即

.line{
 position:absolute;
 z-index:100;
top : 0;
left: 0
}

【讨论】：

你需要它使定位绝对。 left 属性将设置它的左位置，所以你不需要让它浮动：left

【解决方案3】：

将 z-index 添加到 css 样式中。

z-index:100;

为什么要避免margin-top？

【讨论】：