Jump to content

Transparent Navigation Bar


gerah

Recommended Posts

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. it only gives me a navigation that has a white background and i really want it to be transparent as if menu items were floating.

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;    }
Link to comment
Share on other sites

It should be transparent by default if you haven't set a background. Can we see a screenshot of the issue? Or even better would be a link to the page.

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...

hello Ryan! thanks

 

ive solve the problem :) i dont know what exactly happen but when i applied this code it turns out OK.

 

check this code:

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

:) and cheers for that! :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...