Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] celdas semistransparentes

Estas en el tema de celdas semistransparentes en el foro de CSS en Foros del Web. Hola, resulta que quiero poner las filas de una tabla semitransparentes para que se vea el fondo pero que el contenido de las celdas no ...
  #1 (permalink)  
Antiguo 21/11/2016, 06:36
 
Fecha de Ingreso: diciembre-2014
Mensajes: 47
Antigüedad: 9 años, 10 meses
Puntos: 0
celdas semistransparentes

Hola, resulta que quiero poner las filas de una tabla semitransparentes para que se vea el fondo pero que el contenido de las celdas no se pongan semitransparentes.

He hecho lo siguiente:

en style.css

.color
{
background-color:#585858;
opacity:0.5;
}

y en en la tabla dentro de los tr he puesto: class=color

lo que ocurre es que el color de fondo si me lo aplica bien, pero la opacidad no lo aplica solo al fondo si no que también al contenido.
  #2 (permalink)  
Antiguo 21/11/2016, 08:05
Avatar de Ito79  
Fecha de Ingreso: diciembre-2013
Mensajes: 71
Antigüedad: 10 años, 11 meses
Puntos: 18
Respuesta: celdas semistransparentes

Hola,

Al ponerlo en el TR te lo aplica a toda la fila, si quieres q aplique sólo al contenido de cada TD, tienes q asociarlo al contenido, si no tienes ninguna etiqueta pues le puedes poner un SPAN (ya que si lo pones al TD te lo va a aplicar a toda la celda entera).

Eso sí, el color del fondo (o lo que quieras de fondo), lo tienes que dejar en el TR.

Espero que ayude,
Ito.
  #3 (permalink)  
Antiguo 21/11/2016, 11:42
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: celdas semistransparentes

El problema es que opacity te afecta a todo el elemento.

Para fondo transparente... haz un fondo transparente:

background-color: rgba(0,0,0,.5); por ejemplo.

Otra opción es poner un png transparente usando background-image, pero la primer opción te funcionará bien.
  #4 (permalink)  
Antiguo 26/11/2016, 06:45
 
Fecha de Ingreso: diciembre-2014
Mensajes: 47
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: celdas semistransparentes

Cita:
Iniciado por Rafael Ver Mensaje
El problema es que opacity te afecta a todo el elemento.

Para fondo transparente... haz un fondo transparente:

background-color: rgba(0,0,0,.5); por ejemplo.

Otra opción es poner un png transparente usando background-image, pero la primer opción te funcionará bien.
Gracias, me estoy iniciando ahora en esto, hasta ahora solo habia tocado cms. Ahora estoy tocando un poquito de javascript, css y html en codigo propio y no sabia eso.

Etiquetas: celdas
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 04:34.