css - 我不想在 CSS 中从父级继承子级不透明度

Question

我不想在 CSS 中从父级继承子级不透明度。

我有一个 div，它是父 div，第一个 div 里面有另一个 div，它是子 div。

我想在父div中设置opacity属性，但又不想让子div继承opacity属性。

我该怎么做？

Answer 1

不使用不透明度，而是使用 rgba 设置背景颜色，其中“a”是透明度级别。

所以代替:

background-color: rgb(0,0,255); opacity: 0.5;

使用

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