在div2上方显示div3但在背景下方，而div2高于背景？

Question

我不知道这是否可能，但如果是的话，它会让一切变得如此简单。

所以，我有2个div，div1和div2。 div1部分覆盖div2，如下所示

但是，我希望div2到下面的背景，如下所示

这有可能吗？

Answer 1

这里是你可以使用溢出的解决方案：隐藏

fiddle

.red {
    width:80px;
    height:80px;
    background:red;
    border-radius:80px;
    overflow:hidden;
    position:relative;
}
.green {
    width:80px;
    height:80px;
    background:green;
    border-radius:80px;
    overflow:hidden;
    position:absolute;
    left:60%
}