html - 双背景

Question

我正在尝试实现与黄色和黑色背景的图片中突出显示部分的类似显示。三个框分别显示一半黄色和一半黑色背景。

谁能帮我在 CSS BOOTSTRAP 中处理它。

提前致谢。

http://i.stack.imgur.com/yPj0w.png

Answer 1

这 3 个框完全定位在背景图像上。 看到这个-

#bgbox {
    background-color: black;
    border-left: 50px solid yellow;
    width:50px;
    height:100px;
}
#top {
    position:absolute;
    top:40px;
    left:40px;
    width:30px;
    height:30px;
    background-color:blue;
    
}

<div id="bgbox">
</div>
<div id="top">
</div>