html - CSS 定位难题

Question

下图表示我正在尝试创建的网站布局。蓝色部分(右下角)表示图像应该位于三个相邻元素的后面并稍微溢出它们。

我不知道最好的方法，目前我有一个包装 div 围绕着彩色部分并在其中放置了一个背景图像，但我不确定这是否是最好的方法，因为包装 div 需要具有固定大小。

任何建议都将非常受欢迎。

http://www.gumpshen.com/images/layout.png

Answer 1

如果我理解正确，这就是我的答案:

如果灰色是标题，请按照您的意愿进行处理。

然后有一个包含黄色、红色、绿色和蓝色的“内容”div，它们应该相对定位。从那里您可以完全定位蓝色，使其与黄色、红色和绿色重叠。然后通过一些 z-indexing 你应该有你需要的东西。