Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] opacidad a todos los elementos menos uno

Estas en el tema de opacidad a todos los elementos menos uno en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/02/2016, 19:59
 
Fecha de Ingreso: enero-2016
Mensajes: 63
Antigüedad: 7 años
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
  #2 (permalink)  
Antiguo 08/02/2016, 07:43
Avatar de g3kdigital  
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 9 años, 2 meses
Puntos: 39
Respuesta: opacidad a todos los elementos menos uno

Ese es el comportamiento de opacity, afecta al contenedor y al contenido, una vez declarado en un padre un hijo no puede deshacerlo.

Sin embargo, creo que lo quieres lograr es que solo el color de fondo, sea transparente, en ese caso te insto a investigar sobre los colores rgba, donde con un canal alfa puedes jugar con la opacidad únicamente del color, ejemplo:

background: rgba(255,0,0,0.5);

Te da un color rojo con una transparencia al 50% de fondo. El ultimo valor, es la cantidad de transparencia y va desde el 0 al 1. Espero que sea esto y sino, nos escribes.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital

Etiquetas: background, color, elementos, float, html, menos, opacidad, width
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 01:32.