如何使用 CSS 禁用 div 容器中的不透明度？ [复制]答案

【问题标题】：How can i disable opacity in div container with CSS? [duplicate]如何使用 CSS 禁用 div 容器中的不透明度？ [复制]
【发布时间】：2015-11-17 15:49:35
【问题描述】：

我有两个 div 标签

<div class="1" style="opacity:0.5">
  <div class="2"></div>
</div>

Div1 确实有不透明度，所以 div2 也有不透明度。

如何禁用 div2 中的不透明度？

Div2 必须在 div1 中，所以我无法更改 div 的顺序。

【问题讨论】：

【解决方案1】：

如果你想让不透明度使 Div1 的背景颜色变亮，你可以使用下面的 css。

<div class="1" style="background: rgba(255, 0, 0, 0.5);">

它不会影响您的 Div2 内容。

注意：应该使用外部 css 文件来编写 css 而不是内联 css。我使用相同的方法只是为了更好地帮助您解决问题。

【讨论】：