div con div con opacidad por debajo

[inforob]

necesito ayuda urgente!!! tengo un div fixed para un menu, que cuando hay scroll, el menu queda estático y le da un aspecto elegante.

Pero tengo un problema colateral, al darle opacidad, las imágenes se ven poco nitidas. Supongo que hay un truquito,,,,

alguien me ayuda==??

[moro666]

Vamso a ver, la imagen donde esta? en el menu o debajo?

Explica tu problema con un poco mas de ganas.....

[inforob]

pues el problema que tengo es que si pongo un div opaco, el resto de sus 'hijas' la heredan. Y yo queria saber como poner texto o imágenes 'por encima' para que la opacidad no se heredara,,,,,

por lo visto es imposible ,,,,

pero el truco está en poner una imagen de fondo opaca,,,,, y problema solucionado,,,

me ha costado desde que puse el post hasta este post jejeej

[moro666]

Ya entiendo, el problema que tienes es que si pones un opacity 0.5, los hijos ya trabajaran desde este 0.5.

De todas formas si pones el codigo de como lo tienes montado siempre hay alternativas!

Aunque si con la imgen ya te vale perfecto ;)

[inforob]

soy fanático del CSS,,,

pero esta vez le doy una patada y me quedo con:

background-image:url('img/bg.png');

cuya imagen bg.png es una imágen de 1px con opacidad (hecho con GIMP o PHOTOSHOP)

[pzin]

Puedes usar rgba() o hsla() para darle un color de fondo transparente:

Código CSS:

background-color: rgba(100,200,50,0.5);
 

El último valor es el canal alfa, que indica el nivel de transparencia.