Duda con opacity en un div

[PabloPF]

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?

[IsaBelM]

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

[summermojito]

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

Por ejemplo:

Código Javascript:

$(document).ready(function() {
 :not(div #elementoaquitarelfopacity).fadeTo("fast",1);
}
 

[Oscareverb]

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.

[ecosysonidos]

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