Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/02/2016, 19:59
andrinson
 
Fecha de Ingreso: enero-2016
Mensajes: 63
Antigüedad: 8 años, 2 meses
Puntos: 0
opacidad a todos los elementos menos uno

hola es que tengo un iframe dentro de una seccion y quiero que la opacidad de toda la web sea menor que la de el iframe pero el problema es que al quitarle opacidad a la seccion se le quita opacidad tambien al iframe
codigo html:
Código HTML:
Ver original
  1. <section class="contenedor-principal">
  2. <iframe src="" class="iframe" id="iframe"></iframe>

codigo css:
Código CSS:
Ver original
  1. .contenedor-principal{
  2.     width:77%;
  3.     height:60em;
  4.     float:right;
  5.     background-color:red;
  6.     margin:5em 1em 0 0 ;
  7.         opacity:0.5;
  8. }
  9.  
  10. .iframe{
  11.     width:45em;
  12.     height:45em;
  13.     background-color:white;
  14.     margin-left:8em;
  15.  
  16. }

espero que me entiendan :´v