父组件opactiy后,如何不影响子组件

在 CSS 中，通过设置父元素的 `opacity` 属性，会影响到其所有子元素的透明度。如果你希望父组件的 `opacity` 不影响子组件，可以使用 CSS 的 `rgba` 函数来指定父组件的背景颜色，而不是直接使用 `opacity`。

以下是一个示例代码：

<div class="parent">
  <div class="child">
    <!-- 子组件内容 -->
  </div>
</div>

.parent {
  background-color: rgba(255, 255, 255, 0.5);
}

.child {
  /* 子组件样式 */
}

在上述示例中，我们使用了 `rgba(255, 255, 255, 0.5)` 来设置父组件的背景颜色，其中最后一个参数 `0.5` 表示透明度为50%。这样做的效果是，父组件的背景会有一定的透明效果，而子组件则不受影响，保持完全不透明。你可以根据需要调整 `rgba` 函数的参数来控制父组件的透明度。