Foros del Web » Creando para Internet » CSS »

Tabla con opacidad pero el contenido no

Estas en el tema de Tabla con opacidad pero el contenido no en el foro de CSS en Foros del Web. Buenas amigos de FDW. Mi problema es el siguiente: Qiero poner tablas con fondo transparente, pero la unica forma de qe encontre de hacer lo ...
  #1 (permalink)  
Antiguo 29/03/2010, 02:39
 
Fecha de Ingreso: febrero-2010
Mensajes: 107
Antigüedad: 14 años, 2 meses
Puntos: 0
Tabla con opacidad pero el contenido no

Buenas amigos de FDW. Mi problema es el siguiente:
Qiero poner tablas con fondo transparente, pero la unica forma de qe encontre de hacer lo es con opacity y eso me oscurese todo el contenido de la tambla...
No lo puedo hacer poniendo un fondo transparente a la tabla, porqe tengo una funcion qe es qe los usuarios elijan el color de fondo con una paleta hexadecimal.

Como deberias hacer?

Espero puedan ayudarme, desde ya, muchas gracias!
Saludos! :)
  #2 (permalink)  
Antiguo 29/03/2010, 09:47
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Tabla con opacidad pero el contenido no

Puedes duplicar la tabla y superponerla con z-index (+ position). trabajando con el background-color dinamico a la tabla de abajo e incluyendo solo el contenido en la tabla de arriba, sin background.
Luego das opacity a la tabla de abajo.

Si esto es mucho lio tal vez puedas trabajar con background-image: miImagen.png; para tus fondos de celda, fila y/o tabla, dando la opacidad deseada a la imagen. Con esto lograrás evitar el uso de opacity. Pero deberás cambiar el background-image usando javascript.

Bueno, espero te sirva, por lo menos yo no he encontrado el modo de que los hijos del elemento al que fue asignado opacity dejen de heredar esta propiedad.

Saludos!
  #3 (permalink)  
Antiguo 29/03/2010, 14:49
 
Fecha de Ingreso: febrero-2010
Mensajes: 107
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Tabla con opacidad pero el contenido no

Cita:
Iniciado por cristian_cena Ver Mensaje

Si esto es mucho lio tal vez puedas trabajar con background-image: miImagen.png; para tus fondos de celda, fila y/o tabla, dando la opacidad deseada a la imagen. Con esto lograrás evitar el uso de opacity. Pero deberás cambiar el background-image usando javascript.
El tema que si lo hago usando imagenes de fondo, voy a tener que hacer millones de imagenes con sus respectivos colores, osea qe seria imposible :S

Creo qe Myspace usa tablas con transparencia, no lo recuerdo bien...

Voy a probar ahora lo qe me dijiste antes para superponer las tablas!.

Gracias!, cuando lo haga te cuento como me fue!
  #4 (permalink)  
Antiguo 29/03/2010, 15:02
 
Fecha de Ingreso: febrero-2010
Mensajes: 107
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Tabla con opacidad pero el contenido no

Me complique mucho! yo tengo todo hecho en tablas y ta me costo bastante realmente hacerlo de esa manera!
Alguna manera mas facil sin ser las 2 anteriores?
  #5 (permalink)  
Antiguo 29/03/2010, 15:05
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Tabla con opacidad pero el contenido no

Con css me imagino que no existe otra manera, lamento no poder ayudarte. Ojalá encuentres una solución, nos serviría a muchos seguramente.
  #6 (permalink)  
Antiguo 29/03/2010, 18:45
 
Fecha de Ingreso: febrero-2010
Mensajes: 107
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Tabla con opacidad pero el contenido no

Dale!, muchas gracias de todas formas!

Etiquetas: contenido, opacidad, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:14.