Html 使子div使父对象仅在子对象后面透明

是否可以使父元素（div）继承其子元素（div）透明度的一部分？ 使子对象的bgcolor与父对象（本例中为网站背景）后面的颜色相等不是一个选项，因为div是固定的，滚动会导致内容上出现奇怪的斑点。 z-index是没有选择的，因为如果没有任何东西或透明的东西放在它前面，它不能神奇地使其他东西的一部分消失

我的bgcolor和滚动问题目标示例

CSS

HTML

稍后我可能会将左右元素移到“子菜单”之外，这样底角也可以有边界半径，但问题将保持不变

我在StackOverflow和Google上找到了很多替代方案，但在这种情况下，所有这些都会有相同的问题，或者需要更多的代码；我希望有一个更干净的解决办法

（还不允许发布图片）

---

添加图像以在滚动时显示问题；背景是灰色的，内容字段是白色的，因此当内容移到子菜单字段后面时，两个灰色字段（儿童div的一部分）是可见的。

给它们都设置一个半透明类，并在css类声明中设置透明度

除非您想动态地更改它，然后jQuery将其升级

不知道你到底想做什么

.semiTransparent{
    background-color: rgba(0,0,0,.4);
}

---

“是否可以使父元素（div）继承其子元素（div）透明度的一部分”，而不仅仅是CSS。孩子们可以继承父母的遗产。但您可以为这两个元素添加透明度并将其堆叠。请用演示和/或图片澄清您的问题。添加图片。抱歉，如果我不清楚，我认为这个问题已经解释得很清楚了，但这可能是因为我已经知道我想说什么了。@NicoO让这两个元素都透明将违背它们的目的。请查看添加的图像以更好地了解问题。目标是通过隐藏父元素的一部分来获得向外的边界半径。仍然不确定问题是什么。你有一个页面可以发布，我们可以看到问题吗？所以基本上你想要这个：？

<div id="header"></div>
<div id="submenu">
<div id="submenu-l"></div>
<div id="submenu-r"></div>
</div>

.semiTransparent{
    background-color: rgba(0,0,0,.4);
}