Bootstrap transparent navbar

Question

I\'m trying to make the navbar transparent kinda like this. But I can\'t seem to get it to work. I\'ve added rga(0,0,0,0.5) on the navbar class.

Answer 1

First I think you have the wrong syntax for RGB or RGBA you wrote

rga(0,0,0,0.5) 

When in fact it should be

rgba(0,0,0,0.5);

Let take this for an example:

HTML

  

    
Menu1
    
Menu2
  

CSS

  .navbar {
    background: rgba(0,0,0,0.5);
  }

I would also suggest to have a fallback color, just in case the browser people be using doesn't support it.

CSS Fallback

   .navbar {
       background: rgb (0,0,0);
    }