css - 透明分区

Question

我有 2 个 div 堆叠。表示 1 个 div 在另一个 div 上。

两个 div 都有透明的背景颜色。

因此，当显示 div 时，由于上部 div 是透明的，因此下部的 div 也会显示。

如果有任何方法可以制作上或下 div，使得只有上 div 显示为透明背景。

意味着如果有图像元素堆叠在较低的 div 下方，则应该显示图像，因为上层 div 是透明的，但不显示颜色应该是两个 div 的透明颜色的总和。

所以，当前

Answer 1

遗憾的是，在 CSS 中没有办法让子元素不继承父元素的透明度设置。最好的办法是制作具有透明度的 div，然后制作一个具有相同尺寸的类似 div，然后将其绝对放置在透明 div 上。然后任何你想保持不透明的东西都可以简单地放在第二个 div 中。

如果这没有意义，请回复，我会尽量让它更清楚。

麦克风。