Foros del Web » Creando para Internet » CSS »

transparencia de imagenes

Estas en el tema de transparencia de imagenes en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/05/2009, 18:29
 
Fecha de Ingreso: agosto-2005
Mensajes: 722
Antigüedad: 12 años, 3 meses
Puntos: 2
Pregunta transparencia de imagenes

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

Última edición por alfil123; 02/05/2009 a las 18:35
  #2 (permalink)  
Antiguo 02/05/2009, 19:08
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: transparencia de imagenes

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!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 02/05/2009, 19:32
 
Fecha de Ingreso: agosto-2005
Mensajes: 722
Antigüedad: 12 años, 3 meses
Puntos: 2
Respuesta: transparencia de imagenes

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)
  #4 (permalink)  
Antiguo 03/05/2009, 03:58
 
Fecha de Ingreso: mayo-2009
Mensajes: 9
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: transparencia de imagenes

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.
  #5 (permalink)  
Antiguo 03/05/2009, 04:04
 
Fecha de Ingreso: mayo-2009
Mensajes: 9
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: transparencia de imagenes

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...).
  #6 (permalink)  
Antiguo 03/05/2009, 12:46
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: transparencia de imagenes

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...
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #7 (permalink)  
Antiguo 03/05/2009, 13:17
 
Fecha de Ingreso: mayo-2009
Mensajes: 9
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: transparencia de imagenes

Hola CaliZzZ, ¿y para qué reemplazas el archivo .png y haces una captura de pantalla? Saludos.
  #8 (permalink)  
Antiguo 03/05/2009, 22:23
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: transparencia de imagenes

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!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
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 04:55.