gerah gerah - 1 year ago 107
CSS Question

Transparent navigation/menu bar

good day!

so im working on a certain parallax website, newbie here aneways. The problem is i want my navigation bar to be transparent just like this site : http://www.xplaye.com/en/
i tried using opacity and background :transparent but it does not work at all m.

anyone who has an idea? answers are greatly appreciated. thanks a lot CHEERS!

heres my 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 Source

Thanks everyone i don't know what exactly happen but when i applied this code it turns out OK :)

.nav{
    height: 40px;
    width:auto;
    height: 40px;
    width:auto;
    position:fixed;
    z-index: 100;
}
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download