No consigo transparencia en celdas de tabla

[agtc1976]

Hola a todos.

Estoy diseñando una web y me encontre con el siguiente problema. Tengo una imagen de fondo en la etiqueta body: imagen x.

Dentro tengo una capa div principal, que contiene a su vez 3 divs, los tipicos: header, container y footer. Pues bien, container tiene en su interior una tabla de 2 columnas y 3 filas. Mi deseo sería que la imagen que esta en la etiqueta body se viera por transparencia, es decir, que las celdas fueran transparentes de forma que se visualizara en una celda el texto que yo le quiera poner y de fondo el trozo de imagen de body que este justo debajo de la celda.

Alguien me ayuda!!?

Muchas gracias de antemano a los foreros.

PD: Agradeceria un codigo orientativo al menos, para poder irlo moldeando segun me vayais orientando.

Gracias!!!

[Anonimo12]

Dentro tengo una capa div principal, que contiene a su vez 3 divs, los tipicos: header, container y footer. Pues bien, container tiene en su interior una tabla de 2 columnas y 3 filas. Mi deseo sería que la imagen que esta en la etiqueta body se viera por transparencia, es decir, que las celdas fueran transparentes de forma que se visualizara en una celda el texto que yo le quiera poner y de fondo el trozo de imagen de body que este justo debajo de la celda.

La explicación está muy bien, pero una imagen vale más que mil palabras, quiero decir que se comprendería mejor si aparte colocaras el código (ya que has escrito tanto puedes copiar y pegar xD) pero voy a intentar ayudarte con lo que he entendido:

Si dices que quieres hacer que las celdas de una tabla sean transparentes para que se vea el fondo usado en body, eso es asi por defecto, no uses bgcolor ni background en la tabla para ello:

Código:

<TABLE>
<TR>
<TD>
Fila 1 - Columna 1
</TD>
<TD>
Fila 1 - Columna 2
</TD>
</TR>
<TR>
<TD>
Fila 2 - Columna 1
</TD>
<TD>
Fila 2 - Columna 2
</TD>
</TR>
</TABLE>

O quizá lo que buscas más bien es a tratar la opacidad de la celda desde el CSS; te he maqueado un código muy simple:

CSS:

Código:

<style type="text/css">
#tablaTrans {
opacity: .90;
-moz-opacity: .90;
-khtml-opacity: .90;
filter: "alpha(opacity=90)";
}
</style>

HTML:

Código:

<table>
<tr>
<td id="tablaTrans">Texto</td>
</tr>
</table>

El id="tablaTrans" puedes usarlo para cualquier etiqueta a la que se pueda poner fondo.

Espero que te sirva, saludos

[C2am]

Solo un comentario
Si utilizas el ejemplo de Anonimo en varias celdas reemplaza el "id" por "class", ya que el id es el identificador del elemento y como todo identificador debe ser único.
Saludos

[agtc1976]

Estoy en ello, ahora os informo. Me pongo con ello esta tarde.

[Anonimo12]

Iniciado por C2am

Solo un comentario
Si utilizas el ejemplo de Anonimo en varias celdas reemplaza el "id" por "class", ya que el id es el identificador del elemento y como todo identificador debe ser único.
Saludos

Totalmente cierto, lo hice rápido con una sola celda y se me pasó.

Saludos :)

[agtc1976]

Funciona!

Habia que cambiar 2 cosas:

a) La que me habeis mencionado, asi que muchisimas gracias!!!

b) La tipica tontera que se me pasa por alto a veces. Las 3 capas header, maincontent, y footer, estaban a su vez dentro de una supercapa container .... que tenía un background #ffffff .... pa darme una colleja.

Gracias a todos!!!!!!!