Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia pessoal... estou com dificuldade para colocar tranparencia em uma imagem png no IE....
eu pesquisei sei que existe um rack que faz isso...
mas os que encontrei funcionam, mas no firefox não aparece nada....
alguem pode me ajudar?
Obrigada
consegui resolver meu probleminha ...
hehehe
por isso vou deixar postado aqui...
Para que funcione a transparência no png precisamos seguir alguns passos... Cria a pg html entre as tgs head coloca-se:
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
depois disso você cria um arquivo chamado pngfix.js com o seguinte conteúdo
/*
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
*/
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])if ((version >= 5.5) && (document.body.filters))
{
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 + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}E pronto... sua imagem vai ficar com transpaência no IE e no FF
Coloque o hack dentro de um comentario condicional, para atingir apenas o IE6- , ai nao tera problemas com os outros.
http://forum.imasters.com.br/index.php?/topic/296597-dica-png-transparente-com-repeat-no-ie6/
http://forum.imasters.com.br/index.php?/topic/325686-png-transparent-no-ie6-e-ie5-solucao-definitiva/