Как я могу отправить элемент на задний план

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-индекс, чем тот, который вы хотите оставить позади. Не видя ваш код, немного сложно быть точным.

Answer 3

Установка временного тега в z-index для других элементов является хорошим решением.Однако вы также можете отправить метку времени обратно.используя z-index: -1 (если у вас есть только один элемент времени).

time {
  z-index:-1;
}