Foros del Web » Creando para Internet » CSS »

Div opaco

Estas en el tema de Div opaco en el foro de CSS en Foros del Web. Hola, estoy usando: filter:alpha(opacity=80); -moz-opacity:.80; -khtml-opacity:.80; para un div, el problema llega cuando le pongo contenido dentro del div, sale todo transparente, como hago para ...
  #1 (permalink)  
Antiguo 15/08/2010, 10:58
 
Fecha de Ingreso: enero-2009
Ubicación: España
Mensajes: 785
Antigüedad: 8 años, 10 meses
Puntos: 9
Div opaco

Hola, estoy usando:

filter:alpha(opacity=80);
-moz-opacity:.80;
-khtml-opacity:.80;

para un div, el problema llega cuando le pongo contenido dentro del div, sale todo transparente, como hago para que sea transparente solamente el fondo y no el contenido?
  #2 (permalink)  
Antiguo 15/08/2010, 11:22
Avatar de jackbach  
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Div opaco

Pues yo a veces también he tenido ese problema y no he encontrado solución directa... Pero siempre hay alguna alternativa. Por ejemplo, una vez lo hacia para tener algún fondo semitransparente. Lo solucioné usando rgba para los fondos, sino un pequeño png semitransparente repitiendose.
¿Para que lo necesitas? - si se puede saber ;)
Suerte!
  #3 (permalink)  
Antiguo 15/08/2010, 11:31
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Div opaco

Hola:

El contenido de un div transparente, por herencia, también se transparenta . Una solución puede ser superponer un div posicionado absolutamente y con un z-index superior para simular que el contenido es de ese div cuando en realidad está en otro superpuesto.

Saludos.

  #4 (permalink)  
Antiguo 15/08/2010, 11:31
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Div opaco

Cita:
Iniciado por SeaPirates Ver Mensaje
Hola, estoy usando:

filter:alpha(opacity=80); Para ie7 y anteriores, la ver.8 necesita otra sintaxis
-moz-opacity:.80; Desde la ver. 3 (creo recordar) ya no se necesita el prefijo privativo.
-khtml-opacity:.80;

para un div, el problema llega cuando le pongo contenido dentro del div, sale todo transparente, como hago para que sea transparente solamente el fondo y no el contenido?
Si es una imagen el fondo, simúlelo aplicando "opacity" a un contenedor y el contenido alójelo en otra caja, sobreponiéndolo con ayuda de "position:absolute" y de ser necesario "z-index"
Esta cuestión ya se ha planteado anteriormente, y se dieron respuestas con código incluido. Sólo necesita hacer uso del buscador.

Si el fondo es un color sólido o un degradado, como ya le han dicho, puede usar el valor rgba para background. Es css3, así que usar con las reservas y advertencias oportunas.

Aquí tiene algunos tip´s para implementar tanto opacity como rgba en ie.

Atentamente

Etiquetas: Ninguno
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 14:09.