Ir para conteúdo

POWERED BY:

Arquivado

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

LaBoss

[Resolvido] [] transparencia no ie

Por , em Desenvolvimento frontend

Recommended Posts

LaBoss    0

LaBoss
Postado

Boas ppl estou a fazer um site que é quase todo feito de pngs transparentes mas agora tenho 1 problema no IE 6 as imagens k estao definidas como background nao sao assumidas/corrigidas pelo script k tenho...

 

o script é este:

/*
 
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.

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
	  }
   }
}

alguem me pode ajudar

Compartilhar este post

Link para o post
Compartilhar em outros sites

K M    0

K M
Postado

<!--[if lt IE 7]>

<script defer type="text/javascript" src="pngfix.js"></script>

<![endif]-->

 

IE 7?

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

boas pessoal ja resolvi obrigado pela atençao

LaBoss, Bom Dia!

Então já que conseguiu achar a solução para o problema inicial, posta aí... Posteriormente a sua solução pode ajudar um outro membro com a mesma dúvida. ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

LaBoss    0

LaBoss
Postado

a solução passou por por um filtro no css

 

.menu_hor {
	background-image: url(images/layout/barra_horizontal.png) !important;
	background-position: center;
	background-repeat: repeat-y;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/barra_horizontal.png',sizingMethod='scale');
}

quanto ao code do

 

<!--[if lt IE 7]> suponho que nao esteja mal... ele segundo sei diz que se a versão foi inferior a 7 executa... :|

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