sub UL类（CSS样式）

Question

我遇到了CSS的问题但无法解决问题。目前我尝试重新修改我的页面（http://backlight.around-the-globe.info/），并希望在下方设置下拉菜单的样式。我的目标是使弹出窗口透明，剩下的就是它（非洲应该是白色的，赫尔格达是半透明的）。 。这是我到目前为止所做的，但它使整个导航条变得透明。

nav ul, nav li, .page__tray ul.menu-item-has-children li {
background-color: rgba( 255, 255, 255, 0 );
}

.menu-item-has-children ul.sub-menu li {
background-color: rgba( 255, 255, 255, 0 );
}

我知道这段代码错了，但我找不到合适的解决方案。

Answer 1

因此，在解决方案之后查看您的问题应该有效：

您需要包含以下CSS：

.primary-menu { background:white; }

将不透明度值从0更改为0.67，使其呈半透明状态：

.menu-item-has-children ul.sub-menu li {
    background-color: rgba(255, 255, 255, 0.67);
}