Question

美好的一天！

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

任何有想法的人？答案非常感谢。非常感谢CHEERS！

继承人我的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

Answer 2

变化

.nav{
    background-color: black;
    height: 40px;
    width:auto;
}

到

.nav{
    background-color: rgba(0,0,0,0);
    height: 40px;
    width:auto;
}

这将创建一个背景颜色，它是黑色但没有不透明度

Answer 3

谢谢大家，我不知道究竟发生了什么，但是当我应用这段代码时，结果确定：）

.nav{
    height: 40px;
    width:auto;
    height: 40px;
    width:auto;
    position:fixed;
    z-index: 100;
}

透明导航/菜单栏

3 个答案: