Foros del Web » Creando para Internet » CSS »

Duda con opacity en un div

Estas en el tema de Duda con opacity en un div en el foro de CSS en Foros del Web. Hola, necesito ayuda con opacity. El caso es que quiero que a toda la página le afecte el opacity menos en un div, ¿como lo ...
  #1 (permalink)  
Antiguo 03/08/2011, 17:13
Avatar de PabloPF  
Fecha de Ingreso: mayo-2011
Ubicación: Ciudadano de un lugar llamado mundo!
Mensajes: 137
Antigüedad: 5 años, 10 meses
Puntos: 5
Duda con opacity en un div

Hola, necesito ayuda con opacity. El caso es que quiero que a toda la página le afecte el opacity menos en un div, ¿como lo puedo solucionar?
__________________
no hay justicia si la guerra esta justificada
  #2 (permalink)  
Antiguo 04/08/2011, 05:11
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 9 meses
Puntos: 1010
Respuesta: Duda con opacity en un div

se me ocurre que puedes usar la pseudo clase :not() y de ese modo evitas que se aplique esa propiedad a ese elemento en concreto. esta pseudo clase tiene un problema, en ie, sólo la acepta la versión 9
  #3 (permalink)  
Antiguo 04/08/2011, 05:26
 
Fecha de Ingreso: enero-2011
Ubicación: Madrid
Mensajes: 127
Antigüedad: 6 años, 2 meses
Puntos: 14
Respuesta: Duda con opacity en un div

Otra opción no tan elegante pero que si funciona en todos los navegadores sería mediante jquery.

Por ejemplo:

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.  :not(div #elementoaquitarelfopacity).fadeTo("fast",1);
  3. }
__________________
Ayudas Accesibilidad

Faston
  #4 (permalink)  
Antiguo 08/08/2011, 12:28
 
Fecha de Ingreso: febrero-2011
Ubicación: Vigo
Mensajes: 32
Antigüedad: 6 años, 1 mes
Puntos: 2
Respuesta: Duda con opacity en un div

Puedes poner el div opaco fuera del div transparente y moverlo con la propiedad margin, o también poner una imagen .png semitransparente con la propiedad background y luego el div opaco darle las propiedades position:absolute y z-index:10 si esta dentro del div con la imagen transparente.

Saludos, oscareverb.
  #5 (permalink)  
Antiguo 11/08/2011, 11:01
 
Fecha de Ingreso: julio-2011
Ubicación: donde me encuentre la noche
Mensajes: 140
Antigüedad: 5 años, 8 meses
Puntos: 3
Respuesta: Duda con opacity en un div

con z-index el div que tiene la opacidad tiene una posicion absolute con anchura y altura al 100% y un z-index menor al que quieres que no le afecte la opacidad
por ejemplo
div opacidad
z-index:1;

y otro div
z-index:2;

ambos deben de llevar posicion absolute para que funcione saludos

Etiquetas: opacity
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 03:20.