显示文本背后的项目和下拉菜单

Question

我正在使用wordpress主题并更改了我的背景图片。

我现在想要在白色背景上显示图像（显示内容的位置）。

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

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

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

任何人都可以帮我将图像移回到每页的背景上吗？

我尝试使用z-index但没有成功。

这是我要将图片应用到的网站：http://www.tgon.co.uk/

以下是我遇到的问题的示例：http://www.tgon.co.uk/info/languages/french/

非常感谢您给予的任何帮助。

Answer 1

以下是解决方案：

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

由于在header div之前创建了#inner-wrapper，因此与div＃inner-wrapper`相比，您需要将更高z-index应用于header。

修改 检查标记的开发人员控制台视图的屏幕截图：

只需为z-index＆amp;设置header权限即可div#inner-wrapper为我做了。 让我们解决这个问题，然后我很乐意帮助您设置正确的图像。

Answer 2

您必须删除此图片： 并添加此css：

  

#content {

     

背景图像：URL（ “http://www.tgon.co.uk/wp-content/uploads/2014/01/strans1.png”）;

     

background-repeat：no-repeat}

Answer 3

基本上，您需要做的是：

1. 从图片中删除“position:absolute”。 - 这就是导致重叠问题的原因。
2. 向图片添加“margin-top: -107px;”。 - 这会将图像推到您想要的位置。

无论如何，我不明白为什么你不使用'background'css属性。 你可以这样做：

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