12/09/2008, 02:26
| |||
| |||
| Imagen PNG no muestra fondo trasparente Hola, Tengo las imagenes de mi web en PNG porque en gif me pierden mucha calidad, pero en png no aparecen con fondo trasparente ? si están con fondo trasparente, pero me salen con el color de fondo de la web. como puedo hacer para que en PNG muestre el fondo de la imagen (trasparente) Gracias un saludo! |
|
12/09/2008, 02:49
| ||||
| ||||
| Respuesta: Imagen PNG no muestra fondo trasparente deben ser PNG 24 |
|
12/09/2008, 03:56
| |||
| |||
| Respuesta: Imagen PNG no muestra fondo trasparente si estás usando un IE anterior al 7, ese puede ser el motivo. Hay que hacer un pequeño arreglillo. No sé si en estos foros se ha hablado del tema porque es mi primer mensaje (me acabo de registrar para preguntar unas cosillas de css), pero si buscas en google "transparencia png IE 6" te saldrán varias fuentes de cómo hacerlo un saludo |
|
12/09/2008, 07:12
| ||||
| ||||
| Respuesta: Imagen PNG no muestra fondo trasparente Hola piscui Este tema ha sido repetido muchas veces, tanto en el Foro como en Internet. Pues bien, la solución es tan simple como implementar un script en el código fuente: Coloca el siguiente código entre las etiquetas <head> de tu Sitio:
Código:
Éxitos! <!--[if gte IE 5.5000]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
__________________ ¡Feliz año 2011 para todos! |
