Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marcio Leandro

Transparencia PNG

Por , em Desenvolvimento frontend

Recommended Posts

Marcio Leandro    0

Marcio Leandro
Postado

Olá, existe alguma simpatia (hack) pra transparencia png funcionar no I.E. ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcio Leandro    0

Marcio Leandro
Postado

Valeu, quase resolveu.

Estava assim: Imagem Postada

Com o hack do artigo ficou assim: Imagem Postada

 

Não ficou perfeito (agora tem uma discreta borda), mas está bem melhor...

 

Nos navegadores bons fica assim: Imagem Postada

 

Valeu mesmo. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Pra variar i IE com problemas, pena q a "simpatia" não ficou 100%...hehehheEstamos ai pra ajudar!!!Falow!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcio Leandro    0

Marcio Leandro
Postado

Eu prefiria o PNG, pois para imagens mais cheias de detalhes, png fica mais leve e melhor q o gif.Mas vou mudar pra gif mesmo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

THE_WATCHER    0

THE_WATCHER
Postado

Cara... aquela borda não deveria estar aparecendo...Eu uso a "simpatia" e funfa legal...Se puder, passa o código pra gente verificar...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcio Leandro    0

Marcio Leandro
Postado

Ok, eu só copiei:

* html img { filter:expression( this.alphaxLoaded ? "" : ( this.src.substr(this.src.length-4)==".png" ? ( (!this.complete) ? "" : this.runtimeStyle.filter= ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+ (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+ String(this.alphaxLoaded=true).substr(0,0)+ (this.src="blank.png").substr(0,0) ) : this.runtimeStyle.filter="" ) ) }

Compartilhar este post

Link para o post
Compartilhar em outros sites

THE_WATCHER    0

THE_WATCHER
Postado

Não é esse que eu utilizo... eu uso um javascript só para IE (usando Conditional Comments)... coloca o código abaixo na seção <head> da sua página:

 

<!--[if IE]><script language="javascript" type="text/javascript">// Correctly handle PNG transparency in Win IE 5.5 or higher.// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004function 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);  </script><![endif]-->

Vê aí se vai continuar a aparecer a borda.

 

Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcio Leandro    0

Marcio Leandro
Postado

Nem deu certo... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

Mesmo assim valeu, vou usar gif mesmo. Não tem a mesma qualidade do PNG, mas é o possível.

 

Valeu galera.

Compartilhar este post

Link para o post
Compartilhar em outros sites

ElyCristina    0

ElyCristina
Postado

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif Parabéns resolvi um problemão com esse Script.... Funfa direitinho..... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Valeu THE_WATCHER

 

 

<script language="javascript" type="text/javascript">// Correctly handle PNG transparency in Win IE 5.5 or higher.// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004function 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);  </script>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito