Ajuda para colocar um background transparente em menus CSS

Hola estoy editando modificando un diseño y tengo un problema, el templante viene con un fondo predeterminado , y yo quería poner un fondo medio transparente blanco al los menus, ya que no se destinguen las letras pero al insertar background color en dicha clase, del menu , el fondo no se ve, quiza sea por que ya tiene un fondo de pantalla que es ese jardin que muestro en la imagen o no se, ayuden ! mil gracias forobeteanos!

Donde seleccione, el menu allí quiero meterle un backgroud transparente , pero cualquier tipo sea color, no se ve, quizá sea por el fondo de pantalla general de su clase padre no se.



demo:
https://p.w3layouts.com/demos/transit/web/

Tendrías que poner el link de la web, así se puede ver el código. O del demo por lo menos, creo que serviría. Saludos :encouragement:.

Ivannoob disse:

Tendrías que poner el link de la web, así se puede ver el código. O del demo por lo menos, creo que serviría. Saludos :encouragement:.

Clique para expandir...

https://p.w3layouts.com/demos/transit/web/

Aqui esta el demo, espero que puedas ayudarme

Hola josefernandez

Te sugiero implementes el siguiente código:


Saludos

Si solo quieres cambiar el color del fondo del menú:


O bien como dijo el colega de arriba, si le quieres añadir transparencia al menú:

packetmanxd disse:

Hola josefernandez

Te sugiero implementes el siguiente código:

Inserir CODE, HTML ou PHP:

.top-nav {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;
}

Saludos

Clique para expandir...

Menorah disse:

Si solo quieres cambiar el color del fondo del menú:

Inserir CODE, HTML ou PHP:

.top-nav ul {
 [B] background-color: rgb(50, 50, 50);[/B]
}

O bien como dijo el colega de arriba, si le quieres añadir transparencia al menú:

Inserir CODE, HTML ou PHP:

.top-nav ul {
[B]background-color: rgba(63, 102, 153, 0.498039);[/B]
}

Clique para expandir...

Gracias hermanos es exactamente lo que queria una pregunta hermanos y por que cuando ponía un color de fondo no me resultaba cual es el codigo que hace que si se vea el fondo? el rgb? por que?


Amigos implemente aquel código pero al reducir el tamaño de la pagina a smartphone todo bien , pero al agrandar nuevamente a tamaño escritorio ya no se ven los menus , 🙁

OJO.. Atención a lo que es RGB y RGBA si hablamos de transparencias.

Por otro lado, estoy mirando la web ahora mismo y cuando achico y vuelvo a agrandar la pantalla de mi Chrome.. se me ve todo perfecto. Que extraño.

Que NO fue El !important ? y te resulto al fin?