Html 在文本和下拉菜单后面显示项目

我正在使用wordpress主题，并已更改了背景图像

我现在想在白色背景（显示内容的地方）上显示一个图像

我已使用以下代码完成此操作：

img style="position: absolute; top:244px; left: 220px;" src="http://www.tgon.co.uk/wp-content/uploads/2014/01/strans1.png"

这看起来正是我想要的，但它有一个问题。该网站有一个下拉菜单，当您向下滚动菜单时，当您的鼠标移动到后面显示的图像上时，它将消失

有人能帮我把图片移回去，把背景覆盖在每一页上吗

我尝试过使用

z-index

，但没有成功

这是我要将图像应用到的站点：

下面是我遇到的问题的一个例子：

如果您能提供任何帮助，我们将不胜感激。

以下是解决方案：

#branding { z-index: 1001;}
#inner-wrapper { z-index: 1000;}

由于

标题

是在

#内部包装

div之前创建的，因此您需要对

标题

应用比div#内部包装`更高的

z索引

编辑 检查标记的开发者控制台视图的屏幕截图：

只需将

z-index

设置为

header

和

div#inner wrapper

就可以了。

---

让我们修复此问题，然后我将很高兴帮助您设置正确的图像。

您必须删除此图像： 并添加以下css：

#内容{

背景图片：url（“”）

背景重复：无重复}

---

基本上，您需要做的是：

从图像中删除“

位置：绝对”

”这就是造成重叠问题的原因

添加“

页边距顶部：-107px'到图像。-这将把图像推到您想要的位置

无论如何，我不明白你为什么不使用“背景”css属性来做这个。 你可以这样做：

#primary {
    background: #fff url('http://www.tgon.co.uk/wp-content/uploads/2014/01/strans1.png') no-repeat;
}

---

该图像还阻止了图像后面的任何链接。感谢Shehzad的快速响应。我正在尝试你的方式，它似乎正在发挥作用。但是，图像现在不在正确的位置。将它与代码放在同一位置的正确语法是什么？（顶部：244px；左侧：220px；）您可以使用背景位置cssThanks Avisho。我正试图按照你的建议将其添加到CSS中。它确实显示在正确的高度，但它太靠左了。请你给我正确的语法，把它移到右边好吗？你看到的左边太远的是你的旧的

，谢谢阿维肖。我用来修复这个问题的代码是#secondary{background:#fff url（'）不重复；啊，我想我说得太快了。这个修复现在在右边距（widgit区域）显示图像。它只需要显示在主内容窗口中…解决：#primary，#secondary{background:#fff；float:left；}primary{清除：两个；边距：150px 15px 0；宽度：692px；背景：#fff url（'）不重复；}次要{边距：260px 0 0 2px；溢出：可见；宽度：251px；}很抱歉，我尝试这样做，但找不到用于添加z索引的#内部包装。其他两个将其添加到CSS的建议似乎有效，但它们的位置不正确。您是否可以帮助调整图片位置的语法？