Wordpress 2017 主题：在标题图像上添加一个 Div

Question

作为 Wordpress 的新手，以及他们的主题的总体工作方式，我在标题部分遇到了一些问题。

通过大量的故障排除，我已经修复了大部分程序，但似乎一直在设法暗示我，那就是在页面顶部、标题图像前面放置一个 div。

基本上，当涉及到 header.php 文件中的任何内容时，标题图像似乎总是在前面。我环顾了这里和现场，但找不到任何可以治愈这种疾病的方法。

我首先完全删除了标题图像，然后将我的代码插入到 custom-header.php 文件中

<div class="whatever"><img src="whatever i put here"> | <p>words</p></div>

起初，这很有效，一切都直接显示为我想要的顶部，但是，一旦我恢复了图像，它再次填充了整个标题并将 div 发送到它后面。

有人知道将这个 Div 移到前台的方法吗？

Answer 1

只需一点css，您就可以实现这一目标。
首先，我建议为这个额外的

元素使用一个 id，因为这很可能是某种特殊标签。
我假设您试图将此 div 放在 2017 主题的 header.php 中的 <header id="masthead" … 部分之前，如下所示：

// Existing code …
<div id="whatever"><img src="whatever"> | <p>words</p></div>

<header id="masthead" class="site-header" role="banner">
// Existing code …

有了这些，你可以用几行 css 把那个 div 放在前面：

#whatever {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 2;
}

你可以把它放在你的任何地方style.css。