如何使用CSS将元素置于最前面？

Question

您好，我正在开发一个 WordPress 网站，我正在尝试在我的标题上放置一个倒计时短代码。

我尝试做的是使用 CSS 浮动这个短代码，但问题是它位于我的导航标题下

这就是我正在申请的

.mycodes{
   position:absolute;
   top : 0%;
   right:42.5%;
padding-bottom : 10px;

  }

我也应用了这个

z-index: -1;

网上搜索后，div和shortcode消失了

和短代码

[notdevice]<div class="mycodes">[flipclock]</div>[/notdevice]

这是这个网站，所以你会看到我在说什么

我希望它显示在标题上而不是显示在标题后面

请有人帮忙

Answer 1

z-index: -1;

会将您的元素放在所有其他元素后面（以及的背景<body>）

使用的原因z-index是将元素放在其他元素前面，反之亦然。

的继承z-index值为auto。如果页面上没有其他内容是 z 索引的，您可以尝试使用z-index2。如果这不会显示您的元素，请尝试提高该值，直到显示您的元素。

顺便说一句，你的导航有以下 css 规则：

.include-nav {
    position: relative;
    z-index: 9998!important;
}

因此，要将某些内容置于此之上，您必须将其提高z-index到至少 9999。