CSS - 导航透明背景,而菜单不透明

时间:2018-02-24 06:52:41

标签: html css wordpress transparency

我正在处理标题当前是透明的主题 - 没有分配颜色。正如您所见,有一个徽标图像和导航div。

我想将标题设置为黑色并使其为0.5透明,因此其上的白色菜单更加明显。

我的问题是,当我尝试将黑色分配给任何一个标题div元素并指定不透明度时,整个过程都会变得透明,包括应该位于顶部的徽标和菜单。

标题菜单有以下结构:

<div class="main_header">
    <div class="header_parent_wrap">
       <header>
          <div class="logo_section">
             <a class="logo">
                 <img>
             </a>
          </div>
          <div class="menu_section">
             <div class="menu"></div>
          </div>
       </header>
    </div>
</div> 

我正在尝试将黑色和不透明度分配给main_header元素或header_parent_wrap元素,如下所示:

.header_parent_wrap {
    background-color: #000000;
    opacity: 0.5;
}

但是,当我这样做时,整个事情变得透明,包括导航菜单和徽标图像。

如何才能实现黑色和半透明背景,而不是图像或菜单?

0 个答案:

没有答案