Css 父对象具有背景色，但子对象是透明的

我想知道是否可以让父div具有特定的背景颜色，而子div仅使用CSS透明

让我向您展示一个图表，其中显示了我想要的：

我不能使用两个兄弟div，因为div有圆角。

---

我可以这样做，使用图像作为角点和同级div，但我想知道是否有一种优雅而简单的方法可以实现我想要的，只使用CSS。

您可以使用同级，只允许圆角用于您想要的角点。有关于如何做的好信息。它基本上包括使用：

边框左上角半径：10px 5px

所以

我认为这应该行得通。它起作用了。以下是一些更美观的修改（更像你的形象）

编辑：右边的需要一个半径，边框为原始颜色，因此我创建了一个新的，并编辑了上面的代码。
您可以使用同级，只允许圆角用于所需的角。有关于如何做的好信息。它基本上包括使用：
边框左上角半径：10px 5px

所以

我认为这应该行得通。它起作用了。以下是一些更美观的修改（更像你的形象）

编辑：右边的一个需要一个半径，边框为原始颜色，因此我创建了一个新的并编辑了上面的代码。
事实上，子对象是透明的，但在它下面是蓝色的。@user2417834:正是，我想使它使得父对象div下面的任何内容都可以通过子对象div元素看到事实上，子对象是透明的，但是在它下面，是蓝色的。@user2417834:没错，我想这样做，使得父div下面的任何内容都可以通过子div元素看到。我只是想拉小提琴（；我的图表可能不清楚。child div有4个圆角。即使第一个兄弟姐妹有背景，没有圆角，圆角附近也有一个小缺口，没有背景。哦，我明白了，你希望缺口是蓝色的……哇，等一下，我需要找一些我以前看到的东西，结果它不是same（是的）.虽然我想到了一个小黑客。我会试试看它是怎么回事。内容会在哪里？它会在边界上吗？是的！我黑客了。看到它在工作。基本上，我在透明分区的左侧添加了一个蓝色的小
框阴影，它不会出现在透明分区的后面，只出现在侧面。希望你喜欢例如：我正要去拉小提琴（；我的图表可能不清楚。child div有4个圆角。即使第一个兄弟姐妹有背景，没有圆角，圆角附近也有一个小缺口，没有背景。哦，我明白了，你希望缺口是蓝色的……哇，等一下，我需要找一些我以前看到的东西，结果它不是same（是的）.虽然我想到了一个小黑客。我会试试看它是怎么回事。内容会在哪里？它会在边界上吗？是的！我黑客了。看到它在工作。基本上，我在透明分区的左侧添加了一个蓝色的小
框阴影，它不会出现在透明分区的后面，只出现在侧面。希望你喜欢e它（：
<div id = "container">
  <div></div>
  <div></div>
</div>

#container div:first-child
  {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: blue;
  }

#container div:last-child
  {
  border-radius: 10px;
  background-color: rgba(0,0,0,0);
  /* Same color as the sibling div and a distance of the radius + the separation */
  box-shadow: -12px 0 blue;
  }