css - 如何使导航栏透明优化新闻

Question

我正在使用 wordpress，使用优化新闻插件。我正在尝试使顶部导航栏为白色的栏变得透明。

我最初尝试的是使用以下方法将栏的颜色更改为透明

 .banner {
        padding: 2px 0;
    background-color: transparent;

}

它有效但不完全，因为该条会回落到白色背景的颜色，因此它还不是 100% 透明。

我正在考虑分离栏并将其放置在其下方的背景图像上 o 它将在背景图像上透明。但不知道如何执行此操作，有人可以提供帮助。

我只需要让顶部的栏透明

相关网站供引用

Ref site

Answer 1

我已经在给定的 URL 上应用了这个 CSS，并且它有效。所以你必须在横幅类上应用 CSS。

    .banner {
    padding: 2px 0;
    position: absolute;
}

然后你的导航栏将是黑色的。您可以为导航菜单的 anchor 标记指定白色，使其显示为白色。在这个给定的 URL 中，您必须将 CSS 应用于此类

body .container .navigation ul li a{
color: white;
}