filter: alpha(opacity=50); opacity: .5;

[G-or-G]

hola, tengo muchas tablas en una web y quiero que el fondo de color de las tablas tengan una opacidad del 50% para que se funda un poco con una imagen de fondo. El código lo tengo así, pero me pone opacidad a toda la tabla (fondo y texto) y quiero que el texto se vea a 100% y el azul de fondo de la tabla al 50%. ¿pueden ayudarme?

.tablacontenido {
font-size: 11px;
background: #D1F0FF;
filter: alpha(opacity=50); opacity: .5;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #99CCCC;
}

[hades87]

http://www.araudi.net/ejemplos/transparencia.html esto te podría servir? sino podrías poner el texto en otra etiqueta y a esa no le afectaría la opacidad.

Por otro lado te digo que no es correcto usar tablas a menos que sean datos tabulados.

[kseso?]

Para más comprensión de tema, tienes esto

[G-or-G]

las tablas son sólo de datos, el contenido está en divs, pero lo que quiero saber es si en el código de la tabla se puede hacer diferencia entre la opacidad del fondo y la opacidad del texto sin necesidad de poner más divs ya que son un montón de tablas como para ir creando ahora divs

[kseso?]

¿pasaste por el enlace que te puse?
Creo que no, porque entonces esta pregunta no la habrías hecho

[G-or-G]

sí, pero ahí habláis de divs, no de tablas, leyendo esos posts no me queda claro si es lo mismo. ¿en mi código puedo poner una opacidad al fondo y otra al texto o es imposible?

[kseso?]

A ver si con manzanitas...
En el #2, linea 3ª, donde veas escrito div cámbialo por "cualquier selector"