将CSS Div溢出到相邻容器中（WordPress创作）

我正在尝试在以下网站上复制该外观：

您将看到徽标的底部溢出到菜单栏上（WP中的一个单独div）。标题徽标和菜单栏都是一个图像。WP生成菜单文本格式，因此只需担心背景图像

我已经用标题图像底部的菜单栏（实心带）对自己的标题图像进行了Photoshop处理，但无法将其溢出到导航栏div上

利用这一点，我取得了部分成功：

#branding img
{
clear: both;
display: block;
background-image:url('myimage.png');
background-size: 940px 185px;
background-repeat: no-repeat;
position: absolute;
}

但这很奇怪，原因有二：

然后需要设置主页面容器的位置，因为它上面有

position:absolute

一些浏览器认为没有标题图像，因为我将上述CSS插入

style.CSS

，并且没有使用WP的“非常有用”标题图像上载程序

---

我有很多年的HTML和CSS经验，但我对WordPress还是比较陌生，我想我会被挂在那里。

如果你看看他们的代码，基本上

<div id="header">
    <a href="/"></a>
    <div id="nav"></div>
</div>

---

他们将背景图像应用于

#标题

，然后使

a

占据可点击的空间，因此它们不会溢出div，图像是包装元素的背景。看起来您正在添加一个元素以使其溢出，而如果您在层次结构中上升一级，则不需要溢出。

很有趣。我将尝试将背景图像添加到#标题，而不是#标题img。a href只是使图像可以点击返回主页。我会让你知道的！不行#header将img放在FF的header上，但Chrome认为没有header；他们显示了img，但Chrome有灰色框，IE有X，指示“我们认为有一个空的图像容器”。最后，标题图像不会溢出到菜单上。我将#访问（nav）设置为“透明”背景，但禁止进入，除非我使用绝对位置，然后可以工作，但Chrome和IE仍然不满意。您是否设置元素的高度和宽度？使用firebug或chrome开发工具查看他们使用了什么代码，并进行仿真……是的，使用firebug。我花了好几个小时。添加标题图像、添加帖子等都不费吹灰之力，但现在无法让Chrome IE（他们应该取缔IE）理解其中有图像。我使用的是WP的Weaver主题，它有很多功能强大的快速选项，但我也下载了style.css并手动编辑。有主题的东西可能…稍微调整了一下。在FF fine、Chrome中显示，IE仍然“认为”没有标题图像，但其中一个位置正确，通过导航栏透明，但IE仍然在标题容器的左上角显示小红色“X”。