Página 1 de 1
Como conseguir la transparencia de imagenes .png
Publicado: 21 Jun 2010, 07:15
por cu3rvac30
Mi problema ahora, es como conseguir la transparencia de imagenes .png ya que lo que deberia ser transparente aparece así, adjunto imagen:
Quiero utilizar, imagenes png con transparencias para que se vea el fondo del foro. conozco el jquery.js para html pero ¿hay alguna forma de implementarlo para php o algo similar para conseguir el mismo efecto? ¿He buscado en la lista de Mods a ver si habia algo al respecto pero no he conseguido encontrarlo ¿Hay alguno?
O directamente es imposible y tengo que buscar otra solución
Muchas gracias
URL:
http://soyvikingo.freeoda.com/index.php
Versión phpBB: phpBB3 (3.0.7)
MODs Instalados: Ninguno
Plantilla(s) usada(s): 610nm (En proceso de modificación)
Servidor: --
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
Re: Como conseguir la transparencia de imagenes .png Tema Solucionado
Publicado: 21 Jun 2010, 09:36
por HuanManwe
El problema de la transparencia de los archivos PNG que se crearon como transparentes es un problema "típico". Sepude solucionar usando solamente CSS aunque la solución para Firefox es distinta que para el IE (y no sé si en ese caso es distinta para versiones anteriores a IE6 y otra solución para versiones posteriores).
No tengo el código a mano, pero en internet hay infinidad de páginas que tratan eese problema.
Re: Como conseguir la transparencia de imagenes .png
Publicado: 21 Jun 2010, 10:41
por cu3rvac30
Finalmente he optado por quitar la parte transparente de las imagenes, se que es lo mas facil pero bueno... Gracias
Re: Como conseguir la transparencia de imagenes .png
Publicado: 21 Jun 2010, 10:55
por DaVidU
en este caso todo es cuestión de photoshop amigo, las transparencias como ya te han dicho desgraciadamente es lo mismo de siempre, incompatibilidad con otros navegadores (ie)
mi consejo es que uses estas imágenes:
footer_bg.gif
footer_left.gif
footer_right.gif
este fue mi resultado:
espero te sirva de algo
PD: Diste el tema como solucionado mientras te escribía esto
Re: Como conseguir la transparencia de imagenes .png
Publicado: 21 Jun 2010, 11:18
por HuanManwe
Creo que el código era algo como esto:
Poner a cualquier elemento la class=transparente y en el CSS escribir:
Código: Seleccionar todo
.transparente{
z-index:1;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
Para IE8 y superior poner a cualquier elemento la class=IE8 y en el CSS escribir:
Código: Seleccionar todo
.IE8{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: .5;
}
Prueba a ver si te funciona.
Re: Como conseguir la transparencia de imagenes .png
Publicado: 21 Jun 2010, 11:25
por DaVidU
de la misma manera se puede hacer transparencia directamente a las imágenes por lo que veo con puro html:
http://www.w3schools.com/Css/css_image_transparency.asp
pero vamos para phpbb3 se recomienda tocar las etiquetas css como bien te ha explicado nuestro compañero
HuanManwe
Re: Como conseguir la transparencia de imagenes .png
Publicado: 21 Jun 2010, 11:30
por cu3rvac30
Gracias lo probare en el sitio de test antes de nada, muchisimas gracias por vuestra ayuda.
Davidu, sorry jejeje No quiero causaros demasiadas molestias, que estais tela de ocupados :p
Gracias Huan Manwë y Davidu por vuestra rapida respuesta, ya os comento