12/04/2005, 07:59
| ||||
| ||||
| imagen semi transparente Hola a todos, me estoy rompiendo la cabeza con un tema creo yo, muy sencillo. Es toy maqutando un sitio web con una imagen de fondo. Quisiera poder crear imagenes por encima que me permitieran ver el fondo (imagenes semi-transparentes). Alguien me puede ayudar?? gracias de antemano |
|
12/04/2005, 08:38
| ||||
| ||||
| A mi experiencia personal, eso no es posible hacer con imagenes del tipo .gif .jpg. Lo que yo haria serìa: Maquetaria el sitio por medio de capas con diferente opacidad para que unas se vieran transparentes de acuerdo a otras y utilizando iframes. Ahora, lo mas comun seria usar Flash. ya que con flash si se puede hacer ese tipo de efectos. Si estoy equivocado, les suplico me corrijan.. Gracias, espero que te haya sido de ayuda.
__________________ - - :neurotico eso fue un php warning ? creo q si... :golpeado: |
|
12/04/2005, 09:27
| ||||
| ||||
| Hola abe_k Puedes usar Css. Pon esto entre las etiquetas <head> y </head> <style type="text/css"> img {filter:alpha(opacity=50); -moz-opacity:0.5} </style> Así te quedarán las imágenes con una transparencia del 50%. Cambia los valores en rojo para que queden a tu gusto. Saludos,  |
|
12/04/2005, 10:13
| ||||
| ||||
| Cita: Y entonces qué? O__o Si ponemos eso se ven todas las imágenes de la página transparentes o cómo está eso?
Iniciado por JavierB Hola abe_k Puedes usar Css. Pon esto entre las etiquetas <head> y </head> <style type="text/css"> img {filter:alpha(opacity=50); -moz-opacity:0.5} </style> Así te quedarán las imágenes con una transparencia del 50%. Cambia los valores en rojo para que queden a tu gusto. Saludos, |
|
12/04/2005, 10:19
| ||||
| ||||
| Hola Artdeco Si, el código de mi anterior mensaje se aplica a todas las imágenes de la página. Si solo quieres usarlo en alguna tienes que hacerlo de otra forma: <style type="text/css"> .transparente {filter:alpha(opacity=50); -moz-opacity:0.5} </style> y poner las imágenes así: <img src="tuimagen.jpg" class="transparente" /> Saludos, |
|
13/04/2005, 03:49
| ||||
| ||||
| Png con links Ahora viene cuando nos hundimos!!! Con iE (y solo con ese), si añado links a las imagenes semi-transparentes, es decir (un link con un texto encima de la imagen), estos links no quedan detectados. Alguien sabe porque y como solucionarlo?? gracias |
|
13/04/2005, 09:02
| ||||
| ||||
| Hola de nuevo. No entiendo lo de "un link con un texto encima de la imagen" ¿Puedes poner el código que estás usando? Saludos, |
|
29/04/2005, 19:56
| ||||
| ||||
 Cita: Que CSS es esto? CCS2?. Alguna idea de que browsers soportan esta propiedad??
Iniciado por JavierB Puedes usar Css. Pon esto entre las etiquetas <head> y </head> <style type="text/css"> img {filter:alpha(opacity=50); -moz-opacity:0.5} </style> Así te quedarán las imágenes con una transparencia del 50%. Cambia los valores en rojo para que queden a tu gusto. Saludos,
__________________ mi tumblelog sobre diseño La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta. |
|
30/04/2005, 05:00
| ||||
| ||||
| Cita: Estas, no esta
Iniciado por K3NNY Alguna idea de que browsers soportan esta propiedad??  filter:alpha(opacity=50) --> IE  -moz-opacity:0.5--> Motor Gecko (Firefox, etc.)  Cita: No entiendo lo de "un link con un texto encima de la imagen"  ... yo tampoco.. código pliz...
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
