html - 透明导航/菜单栏

Question

美好的一天!

所以我在某个视差网站上工作，反正这里是新手。问题是我希望我的导航栏像这个网站一样透明:http://www.xplaye.com/en/ 我尝试使用不透明度和背景:透明，但它根本不起作用。

谁有想法？非常感谢您的回答。非常感谢干杯!

这是我的 CSS:

.nav{

    height: 40px;
    width:auto;

}

.nav ul li{
    list-style:none;
    text-decoration:none;
    display: inline-block;
    padding: 10px;
    padding-right:20px;
    float: right;
    }
.nav ul li a { 
    text-decoration: none;
    color:#FFF;
    font-family:Calibri;
    }
.nav ul li a:hover {
    color: #6be0d6;}
.nav ul li a:active{
    color: #6be0d6;
    }

Answer 1

透明是什么意思？你可以只删除 css 中的背景颜色。

如果您的意思是半透明，请使用 rgba 值:

background: rgba(0,0,0,0.3);

fiddle