transparencia de imagenes

alfil123 · #1 (**permalink**) 02/05/2009, 17:29

hola amigos, bueno tengo un problema con dos imagenes en dos capas diferentes(capa1, capa2 y imagen01 en capa1 y imagen02 en capa2), bueno lo que deseo es darle trasparencia a la imegen01 para que para que se pueda visualizar la imagen02. imagen01 , imagen02 son background de capa1, capa2.
use fireworks dandole a la imagen transparencia alfa pero no funciona
amigos nose si puedan ayudarme

Calizman · #2 (**permalink**) 02/05/2009, 18:08

Saludos!!

Primero: Donde no funciona? En algun navegador en especial?! o.. A que te refieres con "No Funciona" que no se ve nada? no se ve bien?

Segundo: Alguna url donde podamos ver el trabajo?

Tercero: Porque no haces una sola imagen, que sea jpg, en donde unes las dos imagenes que tienes..???

Hasta Luego!!

alfil123 · #3 (**permalink**) 02/05/2009, 18:32

bueno no funciona en que la imagen que esta ensima no tiene transparencia, no permite que la imagen de abajo se muestre ni un poco,
no tengo una url todavia y lo estoy probando con explorer, y no uso una sola imagen porque creo que seria muy grande.
estoy usando como modelo esta pagina http://www.webseoperu.com/
el efecto que me gustaria lograr es le que esta por debajo de "Diseño WEB", que tiene fondo blanco, (ese color azulado que se va degradando y muestre la compu tambien)

recuerdos · #4 (**permalink**) 03/05/2009, 02:58

Hola alfil123. Si lo que quieres es jugar con transparencias, imágenes y opacidad, te recomiendo que apliques una imagen creada por ti de una determinada opacidad (por ejemplo, 50%). Yo el código que escribí para una web fue éste.

Mi solución fue ponerle un fondo blanco, en formato .png, con opacidad del 50%. Se puede hacer con cualquier editor de imágenes que lo permita (photoshop, pixelmator…).

Cita:

<body>
<div id=”wrapper”>
<div id=”texto”>Esto es una prueba.</div>
</div>
</body>

Cita:

body {
background-image: url(images/espigas.png) no-repeat center;
}

#wrapper {
width: 950px;
margin: 0 auto;
background-image: url(images/bg_white.png);
padding: 2em;
}

Podría poner una imagen, pero no me dejan...
Saludos.

recuerdos · #5 (**permalink**) 03/05/2009, 03:04

Por si no quedó suficientemente resaltado, es esencial el uso del archivo .png si quieres hacer degradados e historias. El problema está en que versiones antiguas de Internet Explorer no van a interpretarlos correctamente. Hay algunos códigos que arreglan esto, pero vamos, lo mejor es asegurarte de qué navegador usan tus visitantes, para ahorrarte el esfuerzo. Y, en un momento dado, "arreglar" el código en base al navegador (internet explorer 5, o 6...).

Calizman · #6 (**permalink**) 03/05/2009, 11:46

Yo voto por esto:

Haces los png, lo ves en firefox y ves que queda perfecto... luego haces una captura de pantalla, cortas la seleccion que quieres (que ya quedo perfecta) la guardas como jpg y reemplazas el png.

Esto hago yo, y me sale bastante bien...

recuerdos · #7 (**permalink**) 03/05/2009, 12:17

Hola CaliZzZ, ¿y para qué reemplazas el archivo .png y haces una captura de pantalla? Saludos.

Calizman · #8 (**permalink**) 03/05/2009, 21:23

Porque IE6 no reconoce las Transparencias del PNG, entonces si quieres que lo haga, tienes que ponerle un archivo que hace que lo reconozca, pero pone demasiaaaaaado lenta la web. Entonces es mejor trabajarlo todo todo todo con imagenes JPG.

Espero que te ayude Hasta Luego!!