Problema con opacity

[Ecj]

Bien, Saludos a todos.

Lo que me pasa es lo siguiente, estoy desarrollando una web, y en un punto le hago un opacity a todo el body; hasta aqui no hay problema pero lo que pasa es que yo quiero que una imagen que tengo oculta y que aparece en el momento que se inicia el opacity no se opaque, sino que conserve sus colores originlaes.

Hasta el momento no lo he logrado que debo hacer.

Agradezco mucho cualquier colaboración.

Gracias y exitos a todos

[Drupaljohn]

Iniciado por Ecj

Bien, Saludos a todos.

Lo que me pasa es lo siguiente, estoy desarrollando una web, y en un punto le hago un opacity a todo el body; hasta aqui no hay problema pero lo que pasa es que yo quiero que una imagen que tengo oculta y que aparece en el momento que se inicia el opacity no se opaque, sino que conserve sus colores originlaes.

Hasta el momento no lo he logrado que debo hacer.

Agradezco mucho cualquier colaboración.

Gracias y exitos a todos

Además vas a tener un problema al usar opacity con Internet Explorer 6 o menor si pruebas...

El opacity de una div suele afectar a todo lo que este dentro de esa div asi que si pones opacity a la div del body afectara a todas las demas imagenes que esten dentro del body.

[Ecj]

Iniciado por Drupaljohn

Además vas a tener un problema al usar opacity con Internet Explorer 6 o menor si pruebas...

El opacity de una div suele afectar a todo lo que este dentro de esa div asi que si pones opacity a la div del body afectara a todas las demas imagenes que esten dentro del body.

Primero que todo gracias por tu respuesta, pero esto quiere decir entonces que no existe una manera para poder lograr el objetivo.

[Mikmoro]

Quizá habría una manera: no usar la opacidad en todo el body, sino en una caja que contenga todo lo demás, de la que quedarìa fuera la caja que quieres aislar del opacity.

[Ecj]

Iniciado por Mikmoro

Quizá habría una manera: no usar la opacidad en todo el body, sino en una caja que contenga todo lo demás, de la que quedarìa fuera la caja que quieres aislar del opacity.

Hola que tal muchas gracias, te hago una pregunta no se puede hacer lo contrario, eswtablecer una caja que no pertenezca al body.
Si se puede como se haria?

[ElJavista]

Esto es solo una teoría, no lo he probado, pero podrías poner una capa que no pertenezca al body, o sea, que esté en el head, con CSS haces que tenga una posición absoluta y mediante JavaScript lo posicionas en un determinado lugar. También podrías posicionarlo con CSS, pero con JavaScript podrías colocarlo en una posición relativa a un elemento HTML de modo que no se altere el diseño con las distintas resoluciones. Creo que al no estar dentro del body no le afectaría el estilo que se le de al body. Eso creo.

[Mikmoro]

Iniciado por Ecj

Hola que tal muchas gracias, te hago una pregunta no se puede hacer lo contrario, eswtablecer una caja que no pertenezca al body.
Si se puede como se haria?

No creo que sea posible; todo pertenece al body. Pero no entiendo por qué quieres hacerlo así en caso de que fuera posible, si hacerlo al revés es tan simple:

<div id="contenedor">
... toda tu página...
</div>

<div id="opaca">...</div>

y ahora aplicas el opacity a #contenedor, y #opaca queda fuera, luego no se ve afectada por el opacity.