如何使父 div 透明而不影响其子 div？

设置父 div 的不透明度而不影响子 div

问题涉及有选择地设置父 div 的不透明度而不影响其子元素。目标是仅保持父 div 的透明度，同时保持子元素不透明。

一种有效的解决方案是利用 rgba() 方法，该方法指定红色、绿色和蓝色 (RGB) 值以及使用 0 到 1 之间的小数的透明度值 (alpha)。

考虑以下 HTML 和 CSS code:

<div>
<pre class="brush:php;toolbar:false">.parent {
  background-color: rgba(255, 0, 0, 0.5);
}

.child {
  color: black;
}

在CSS中，.parent类的background-color属性使用rgba()方法将透明度设置为50%。子元素继承了 color 属性，设置为黑色。

该解决方案允许父子元素独立的不透明度设置，保持父 div 所需的背景透明度，同时保留其子元素的不透明度.