Twitter bootstrap 引导两个部分一个重叠图像

我正在使用Bootstrap进行此设计。我想知道最好的方法是让一个内联图像跨越两个带有背景图像的部分

它显然会作出反应

---

任何建议都将不胜感激。谢谢

我们可以通过为它们创建3个div和container来实现这一点，并为container指定相对位置，为第3个div指定绝对位置。 代码：

---

你能发布你当前的标记吗？非常感谢！谢谢！

       .box_1 {
            background-color: #c1c1c1;
            height: 100px;
        }
        .box_2 {
            background-color: #cc0000;
            height: 100px;
        }
        .box_3 {
            background-color: #000;
            display: block;
            height: 100px;
            left: 42%;
            position: absolute;
            top: 50px;
            width: 50px;
        }
        .box_container {
            position: relative;
        }
[Working example][1]https://jsfiddle.net/4c22acc0/