Jump to content
Sign in to follow this  
gerah

Transparent Navigation Bar

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;    }

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

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! :)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...