我如何将元素发送到后台

Question

我有问题。在我的网页上，我实现了一个具有绝对位置的时钟，并且干扰了我的下拉菜单。

时钟的 html代码如下所示，其中 txt 是我从JavaScript获取的参数：

<time>
     <div id="txt"></div>
</time>

我的 css代码是这样的：

time{
     border: 2px dashed red;
     font-size: 80px;
     font-family: circle;
     position: absolute;
     top: 15px;
     left: 43%;
     }

因为时钟在我的菜单前面，所以我无法访问嵌套的无编号列表。如何将我的时钟发送到后台？

Answer 1

您需要将z-index设置为低于菜单z-index。

time {
    z-index: 900;
}

menu {
    z-index: 950;
}

Answer 2

使用CSS属性z-index。

为你的time元素提供比你想要落后的更低的z-index。 没有看到你的代码就有点难以准确。

Answer 3

将z-index中的时间标记设置为较低的其他元素是一个很好的解决方案。但是，您也可以将时间标签发送回去。使用z-index：-1（假设你只有一个时间元素）。

time {
  z-index:-1;
}