Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Opacity on everything. Help : p

Hi, so i have set opacity of navbar to 0.5 but the links color are white, but since the opacity is on navbar, the color of links , and everything inside , get opacity 0.5 , how do i do it so only the navbar get opacity ?

Paste your code so we can see what you're doing mate

1 Answer

A thought would be instead of setting the opacity on the navbar, set the background color using an rgba value (the a is the opacity of the color). Then your links would not inherit the opacity.

Good idea , i never use rgba.

I have a problem though, how can i see rgba here? https://color.adobe.com/Theme-1-color-theme-5374622/

rgba is the same as rgb but with an aditional value to set the transparency.

rgba(200,150,100, 0.3) this will have a transparency of 0.3

Yes, but i mean if you look here https://color.adobe.com/Theme-1-color-theme-5374622/ how can you look for rgb?

Oh found it! I just pressed edit. Thank you all ^^

In the bottom left there is an option called edit, there you can see all the values

Perfect! Works great. Thank you Emma Willmann and Jesus Mendoza ^^