我如何将元素发送到后台

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

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

time {
  z-index:-1;
}