Problema com transparencia de imagem

[Evandro.S Eisinger 0]

Oi Pessoal!

 

Estou tendo um problema para montar um layout, eu fiz um layout no Fireworks, com fundo transparente, e puxei ele no Dreamweaver.

Só que lá no dreamweaver, a imagem fica com um fundo cinza, eu salvei em formato .png e mesmo assim a parte que era para aparecer transparente, nao aparece.

 

Se alguem sabe como me ajudar ficari mt grato

Um abraçâo!

[Ted k' 126]

você tem que colocar um javascript para o navegador aceitar o arquivo .png transparente.

 

Pesquise sobre isso no Fórum de javascript, tem vários exemplos lá, tenha absoluta certeza que não é problema do DW

[zubu 0]

quando eu quero fazer isso salvo a imagem em GIF, pq suporta transparencia e nunca me deu problema. flw.

[Ted k' 126]

mais a depender da imagem amigo a qualidade do gif obviamente fica bem inferior a do png

[Morpheus#2005 1]

Amigo ...salve em Gif no fireworks, Arquivo - Export Image.

 

Good Luck !!!

[Yeshu'a 0]

você tem que colocar um javascript para o navegador aceitar o arquivo .png transparente.

 

Pesquise sobre isso no Fórum de javascript, tem vários exemplos lá, tenha absoluta certeza que não é problema do DW

Eu tava dando uma fuçada na net, e achei um código js que corrige inclusive um loop infinto que o outro fazia =D

 

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   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
		 }
	  }
   }   
}
window.attachEvent("onload", correctPNG);

caso queira baixa-lo: http://justuploadingimages.googlepages.com/pngfix.js

[zubu 0]

realmenter depende da imagem, mas aqui as que usei deram bom resultado. N testei em imagens que requeressem mais resolução.