Javascript 如何使用Jquery防止子Div的不透明度

我将主div的不透明度添加为

opacity:0.5

sub div contain消息。 HTML:

大家好，很高兴认识你们

这是小提琴：

现在它的不透明度完全显示在div include sub div上。但是我想显示没有不透明度的sub div，背景不透明度。在jquery或css中是否可以做到这一点

在上面的提琴中，我将子div背景设置为红色。我想显示没有不透明的子div。如何排除子div本身或相应div本身的不透明度

---

谢谢。

当您在元素上设置不透明度时，该元素的所有子元素的不透明度都为1，但由于它们位于父元素内部，父元素上设置的不透明度也会影响子元素，因此您不能将子元素的不透明度设置为比父元素“更可见”，因为child的不透明度已经是1

最接近的颜色是rgba颜色，并非所有浏览器都支持：

background-color: rgba(255, 0, 0, 0.5);

---

这将背景颜色设置为红色，alpha（不透明度）为0.5，而不设置整个元素或其子元素的不透明度。

这非常简单，您不能这样做@adeneo感谢您的回复Tanks感谢您的精彩回复。多谢各位

background-color: rgba(255, 0, 0, 0.5);