Question

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

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

我正在申请

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

  }

我也应用了这个

z-index: -1;

在线搜索后，div和短代码消失了

短代码

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

这是website所以你会看到我们在谈论什么

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

有人请帮忙

Answer 1

z-index: -1;

会将您的元素置于所有其他元素（以及<body>的背景）

之后

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

z-index的继承值为auto。如果您的页面上没有其他内容被z-indexed，您可以尝试将z-index置于2.如果这不会显示您的元素，请尝试更高的值，直到显示您的元素。

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

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

所以要放置一些东西，你必须将z-index提高到至少9999。