Poner opacidad al fondo del menú sin que afecten a las letras

Buenas tardes,
Tengo un problema y es que si edito el siguiente código, se me pone todo con la opacidad que pongo:
Original:

#nav-topbar.nav-container { background: #FF0000;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); }

Y yo lo he modificado para que quede así:

#nav-topbar.nav-container { background: #FF0000; opacity: 0.4;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); }

¿Alguna solución?
Muchas gracias