html - 不透明度应用于所有内部元素

Question

我试图只在导航背景上设置不透明度，但它适用于所有内部div，例如 Logo 和导航，但我不想将 opacity 应用于 Logo background。

我怎样才能使这成为可能？我正在使用这样的代码:

HTML

<div class="navigation">
    <div class="logo"> logo image here  </div>
    <nav> navigation code here </nav>
</div>

Answer 1

您好，请使用只会使背景不透明的 rgba 背景

.outer {
 background:rgba(0,0,0,0.5);
}