gerah Posted May 9, 2014 Share Posted May 9, 2014 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 More sharing options...
Day Posted May 9, 2014 Share Posted May 9, 2014 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. 1 Link to comment Share on other sites More sharing options...
gerah Posted May 22, 2014 Author Share Posted May 22, 2014 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now