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 ，就可以实现。
首先，我建议为这个附加的<div>元素使用一个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中的任何位置。