Div opaco

[SeaPirates]

Hola, estoy usando:

filter:alpha(opacity=80);
-moz-opacity:.80;
-khtml-opacity:.80;

para un div, el problema llega cuando le pongo contenido dentro del div, sale todo transparente, como hago para que sea transparente solamente el fondo y no el contenido?

[jackbach]

Pues yo a veces también he tenido ese problema y no he encontrado solución directa... Pero siempre hay alguna alternativa. Por ejemplo, una vez lo hacia para tener algún fondo semitransparente. Lo solucioné usando rgba para los fondos, sino un pequeño png semitransparente repitiendose.
¿Para que lo necesitas? - si se puede saber ;)
Suerte!

[jomaruro]

Hola:

El contenido de un div transparente, por herencia, también se transparenta . Una solución puede ser superponer un div posicionado absolutamente y con un z-index superior para simular que el contenido es de ese div cuando en realidad está en otro superpuesto.

Saludos.

[kseso?]

Iniciado por SeaPirates

Hola, estoy usando:

filter:alpha(opacity=80); Para ie7 y anteriores, la ver.8 necesita otra sintaxis
-moz-opacity:.80; Desde la ver. 3 (creo recordar) ya no se necesita el prefijo privativo.
-khtml-opacity:.80;

para un div, el problema llega cuando le pongo contenido dentro del div, sale todo transparente, como hago para que sea transparente solamente el fondo y no el contenido?

Si es una imagen el fondo, simúlelo aplicando "opacity" a un contenedor y el contenido alójelo en otra caja, sobreponiéndolo con ayuda de "position:absolute" y de ser necesario "z-index"
Esta cuestión ya se ha planteado anteriormente, y se dieron respuestas con código incluido. Sólo necesita hacer uso del buscador.

Si el fondo es un color sólido o un degradado, como ya le han dicho, puede usar el valor rgba para background. Es css3, así que usar con las reservas y advertencias oportunas.

Aquí tiene algunos tip´s para implementar tanto opacity como rgba en ie.

Atentamente