Foros del Web » Creando para Internet » CSS »

css div trasparente, desesperado!!

Estas en el tema de css div trasparente, desesperado!! en el foro de CSS en Foros del Web. gracias a todos de antemano, tengo la siguiente estructura CAPA TABLA CELDAS con link </CELDAS </TABLA </CAPA a la capa le aplico la trasparencia background-color:#E9EBCD; ...
  #1 (permalink)  
Antiguo 10/03/2011, 13:20
 
Fecha de Ingreso: febrero-2011
Mensajes: 43
Antigüedad: 13 años, 1 mes
Puntos: 2
css div trasparente, desesperado!!

gracias a todos de antemano,
tengo la siguiente estructura

CAPA
TABLA
CELDAS con link </CELDAS
</TABLA
</CAPA

a la capa le aplico la trasparencia
background-color:#E9EBCD;
filter:alpha(opacity=92); /* Para IE */
-moz-opacity:.92; /* Para Firefox */
opacity:.92; /* Browsers que soporten CSS3 */
-khtml-opacity: 0.92;
hasta hay todo bien , me aplica la trasparencia en mozilla y ie

pero a la hora de mostrarme en las letras de las celdas IE tambien le aplica la trasparencia

En mozilla funciona perfectamente, he estado probando a aplicarle otro nivel de opacidad a las celdas pero no funciona, el que sepa algo o haya utilizado transparencias, y quiera compartirlo, graciasss!!!!!
  #2 (permalink)  
Antiguo 10/03/2011, 13:29
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: css div trasparente, desesperado!!

Opacity se hereda por los hijos y su valor se puede disminuir (acercar a 0, esto es, hacer más "transparente"), pero nunca aumentar (acercar a 1, esto es, menos "transparente").

Firefox desde hace muchas versiones (incluyendo las x.Nº) no necesita el prefijo -moz.

Puede o utilizar imágenes png (o gif) con canal alfa (transparencia).
Puede utilizar un valor en rgba para el fondo (válido para navegadores, engendros y antiguallas no lo soportan).
Puede jugar con dos cajas posicionadas una sobre la otra (z-index, position), la inferior (eje z) con color de fondo y opacity y la superior con el texto.
  #3 (permalink)  
Antiguo 10/03/2011, 13:38
 
Fecha de Ingreso: febrero-2011
Mensajes: 43
Antigüedad: 13 años, 1 mes
Puntos: 2
Respuesta: css div trasparente, desesperado!!

gracias por responder ya que es un tema enrevesado yo tengo esto:


<div id="menu">
<table width="177" height="205" style="margin-top:30px; margin-left:5px; z-index:3;">
<tr>
<td class="cabezeratituloact3"><a href="noticias.php" class="clase_menuact">NOTICIAS</a></td>
</tr>
<tr>
<td class="cabezeratituloact3"><a href="noticiasnuevas.php" class="clase_menuact">NOTICIAS NUEVAS</a></td>
</tr>
</table>
</div>

/* csss */
#menu{
position: absolute;
left: 0px;
top: 217px;
width: 195px;
height: 261px;
z-index:2;
background-color:#E9EBCD;
filter:alpha(opacity=92); /* Para IE */
-moz-opacity:.92; /* Para Firefox */
opacity:.92; /* Browsers que soporten CSS3 */
-khtml-opacity: 0.92;
}

como puedes comprobar utilizo el z-index de la tabla 3 y el de la capa2, gracias
  #4 (permalink)  
Antiguo 10/03/2011, 13:53
 
Fecha de Ingreso: febrero-2011
Mensajes: 43
Antigüedad: 13 años, 1 mes
Puntos: 2
Respuesta: css div trasparente, desesperado!!

solucionado, las imagenes gif, ni las jpg se tragan el canal alfa, las png si



graciasss!!!!!!
  #5 (permalink)  
Antiguo 01/04/2011, 05:58
Avatar de gran Wakka  
Fecha de Ingreso: septiembre-2007
Mensajes: 712
Antigüedad: 16 años, 7 meses
Puntos: 48
Respuesta: css div trasparente, desesperado!!

Aunque esta solucionado... quizás se pueda crear un estilo para las celdas poniendo que no tengan transparencia.

También debería funcionar.
__________________
Información de Series de TV
Buscas o quieres ser redactor? Ofertas redactor web

Etiquetas: desesperado
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 02:43.