Jump to content

Archived

This topic is now archived and is closed to further replies.

_ nEoN _

Cansado do Bug do PNG no IE ?

Recommended Posts

Aqui também deu certo:

 

Veja o resultado no meu blog:

http://hajaluz.webluz.net

 

O duro foi colocar isso em três ícones diferentes... e uma coisa que detesto tive que fazer dentro do html... queria fazer na filha de estilo... alguém tem alguma dica?

 

<a href="http://www.webluz.net/hajaluz/contato"><img name="rss_icone" src="http://webluz.net/hajaluz/wp-content/themes/mw-11/img/icones/rss_icone.png" style="width: 40px; height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://webluz.net/hajaluz/wp-content/themes/mw-11/img/icones/rss_icone.png', sizingMethod='scale')" /></a><script language="JavaScript" type="text/javascript">//<!--var agt=navigator.userAgent.toLowerCase();var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));if ( is_ie ){		rss_icone.src="http://webluz.net/hajaluz/wp-content/themes/mw-11/img/icones/branco.gif";}//--></script>

Share this post


Link to post
Share on other sites

Aqui não tive dificuldades. Basta você criar o .png de 1x1 e já foi. Simples e eficiente.

Share this post


Link to post
Share on other sites

tinha dado um problema no hd e eu tive que refazer todo o site.procurei no google e cai nesse topico :P/> eu nem lembrava que tinha postado aqui a forma que funcionou comigo... agora é só copiar :D/>abraços

Share this post


Link to post
Share on other sites

Aqui deu tudo certo, coloquei o código no estilo.css e funcionou muito bem e é melhor do que um código que estva usando que é muito grande e ferve a cuca.

Share this post


Link to post
Share on other sites

Olá,

 

Esotu usando o java/css para o funcionamento do png com alpha.

http://extranet.e-brand.com.br/incortel/interna.php

 

Só que no IE o conteúdo não fica habilidade, isso é, os formulários e seus elementos e o links da página. No FF é tranquilo.

 

Pelo que vi, a "falha" deve a "substituição" da imagem .png pela blank.gif

 

var realSrc;

var blankSrc = "img/blank.gif";

var isPrinting = true;

 

Alguém sabe o que pode ser e como ajustar?

 

obrigado,

Fabio Alexis

Share this post


Link to post
Share on other sites

engraçado, aqui não está dando certo, quando eu coloco a img blank.png de 1x1px ele tamapa a imagem toda com a cor cinza...

Share this post


Link to post
Share on other sites

Aqui também não deu certo... estou usando uma imagem que é totalmente transparente apenas com algumas sombras, no IE ela fica amarela e difere da cor do fundo da div ... ¬¬

Share this post


Link to post
Share on other sites

Boa noiteTenho uma imagem que o cliente a quer recortada... sem o fundo.Ja tentei tudo que vi aqui e em outros locais sobre a transparencia na png e nada.Nem este aqui consegui. Imagem perfeita no IE 7 e no FF, mas no IE 6 o fundo cinza aparece.N sei mai squal fix, js e outros q uso. experimentei 8 que peguei na net e nenhum funfou no IE 6.m***** de MSuma luz por favor.Obrigado.

Share this post


Link to post
Share on other sites

gsfweb manda a imagem pra mim ver acho que talvez essa sua imagem não esteja filtrada(quero dizer há conteudo extra nela)se você quiser eu faço um snapshot dela e tiro o fundo pelo photoshope te mando de novo com o CSS desse topico

Share this post


Link to post
Share on other sites

Amigo esse script tem nos artigos, e tem um melhor que esse ainda, que você pode usar PNG como "background repeat"

 

Background Repeat ie6:

http://forum.imasters.com.br/index.php?showtopic=296597

Share this post


Link to post
Share on other sites

Oi pessoal, eu uso uma técnica em Javascript bem simples de usar e não precisa de arquivo nem nada

 

Salvem isso num arquivo .JS e carregue no site o caminho e pronto, ele é "onload"

// TRANSPARENCIA EM ARQUIVOS PNG NO INTERNET EXPLORER
function correctPNG()
   {
   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
		 }
	  }
   }
window.attachEvent("onload", correctPNG);

Share this post


Link to post
Share on other sites

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.