Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/10/2010, 15:34
Mariela_Fiad
 
Fecha de Ingreso: octubre-2010
Mensajes: 31
Antigüedad: 13 años, 5 meses
Puntos: 0
Opacity de CSS3

Hola es la primera vez que uso transparencias y funciona en los navegadores que tengo yo por lo menos. Pero el problema es que se hereda la transparencia y aunque pongo el valor menos transparente para que se muestre sólido de todos modos lo hace. Resumiendo la estructura es así.


Código HTML:
<body>

<div id="contenedor">

<p>....</p>

</div>


</body> 

Y el CSS

b
Código CSS:
Ver original
  1. ody { background: url(../Pictures/piedraazul.png) #E1FFFF;
  2.        margin:0;
  3.        padding: 0}
  4.  
  5. #contenedor { opacity:.8 ;
  6.                          background: #FFF;
  7.              width: 45&#37;;
  8.              margin:0 auto;
  9.              height: 800px;
  10.              padding: 7% 5% }
  11.  
  12. p {background: #FFF;
  13.      opacity: 1.0;
  14.      }



Los textos deberían verse con un fondo blanco solido, pero no lo hace. Si cambio el color a por ejemplo un rojo cambia pero sigue con la misma transparencia aunque indique lo contrario. También noté que le puedo agregar más transparencia, pero no quitar. Lo único que se me ocurre para que se vea de un color sólido es poner el texto fuera y luego posicionarlo dentro del contenedor, pero no quiero hacer esto.

¿Sucede esto por qué esta técnica aún es nueva o por qué?
¿Cuándo se estima estará lista la nueva CSS3?
Saludos

Última edición por Mariela_Fiad; 31/10/2010 a las 15:43