Css 如何使导航栏透明优化按

Css 如何使导航栏透明优化按,css,wordpress,header,Css,Wordpress,Header,我正在使用wordpress,使用OptimizePress插件。我正在努力使顶部导航栏的白色变成透明 我最初尝试的是使用 .banner { padding: 2px 0; background-color: transparent; } 它工作,但不完全,因为酒吧回落到背景的颜色是白色的,所以它还不是100%透明 我正在考虑分离的酒吧,并把它放在背景图像下方的o它将是透明的背景图像。 但是不知道怎么做,有人能帮忙吗 我需要让顶部的吧台透明 有关网站供参考 “不

我正在使用wordpress,使用OptimizePress插件。我正在努力使顶部导航栏的白色变成透明

我最初尝试的是使用

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

}
它工作,但不完全,因为酒吧回落到背景的颜色是白色的,所以它还不是100%透明

我正在考虑分离的酒吧,并把它放在背景图像下方的o它将是透明的背景图像。 但是不知道怎么做,有人能帮忙吗

我需要让顶部的吧台透明

有关网站供参考

  • “不透明度”属性用于指定对象的不透明度/透明度 元素
  • “不透明度”属性可以采用0.0到1.0之间的值。值越小,透明度越高
你可以试试这个

.banner {
        padding: 2px 0;
        opacity: 0.6;

}
  • “不透明度”属性用于指定对象的不透明度/透明度 元素
  • “不透明度”属性可以采用0.0到1.0之间的值。值越小,透明度越高
你可以试试这个

.banner {
        padding: 2px 0;
        opacity: 0.6;

}

我想你在找这个

.banner {
    padding: 2px 0;
    background: transparent;
    position: absolute;
    left: 0;
    right: 0;
}

我想你在找这个

.banner {
    padding: 2px 0;
    background: transparent;
    position: absolute;
    left: 0;
    right: 0;
}

我已经在给定的URL上应用了这个CSS,它很有效。 所以你必须在banner类上应用CSS

    .banner {
    padding: 2px 0;
    position: absolute;
}
那么你的导航条将是黑色的。 您可以为导航菜单的锚定标记指定白色,使其显示为白色。 在这个给定的URL中,您必须将CSS应用于这个类

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

我已经在给定的URL上应用了这个CSS,它很有效。 所以你必须在banner类上应用CSS

    .banner {
    padding: 2px 0;
    position: absolute;
}
那么你的导航条将是黑色的。 您可以为导航菜单的锚定标记指定白色,使其显示为白色。 在这个给定的URL中,您必须将CSS应用于这个类

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

它按计划工作,如果你在我给乌尔看的网站上通过检查元素尝试它,我说感谢你按计划工作,如果你在我给乌尔看的网站上通过检查元素尝试它,我说感谢旗帜应该在导航的背面,对吗?意味着背景应该在导航的背面,我想我们说的是同一件事。我的目的是让导航栏透明,这意味着横幅应该在导航的背面,对吗?意味着背景应该在导航的背面,我想我们说的是同一件事。我的目的是让导航栏在它上面透明。哇,谢谢,伙计,但是我怎么才能让它变厚一点,我只是想问一下,谢谢,我的意思是有点可见但透明,还有rgb背景,即背景:rgba(255,255,255,0.6);哇,谢谢,伙计,但是我怎么才能让它变得更厚一点,我只是想问一下,我的意思是有点可见但透明的rgb背景,即背景:rgba(255,255,255,0.6);