IE e visualizzazione PNG

[cipcip]

ciao,
perche le immagini opng vengono rese in un modo da IE
e in u naltro da FF?

[Sol]

Perché attualmente IE non supporta la trasparenza "alfa" (cioè quella sfumata).
Prova però a cercare bene nel forum, che l'argomento è stato già affrontato tantissime volte, così scopri anche le soluzioni.

[cipcip]

ci sono centinaia di post ingarbugliati ma sta di fatto che ancora non sono riuscito a far funzionare questo in ie:

<div style="height:80px;border:1px solid #006699;
background-image:url('bgTop.png');
background-repeat:  repeat-y;
background-position: right">
contenuto</div>

dove bgTop.png è un immagine con trasareza.
Voi come fareste

[Sol]

Seplicemente io mi rassegno a non usare le PNG con trasparenza alfa.
Puoi benissimo creare una GIG o un JPG con una sfumatura che va dal tuo colore scelto al colore dello sfondo.
Senza usare le trasparenze, però!

[cyberman]

Originariamente inviato da cipcip
ci sono centinaia di post ingarbugliati ma sta di fatto che ancora non sono riuscito a far funzionare questo in ie:

http://forum.html.it/forum/showthrea...hreadid=721321

esistono le faq

[cipcip]

lo so che ci sono ho visto tutto come gia detto, ma appunto come dicevo il problema rimane , in particolare la soluzione proposta in quel post da problemi di validazione della pagina...

[Sol]

Io ti avevo dato una soluzione...

Seplicemente io mi rassegno a non usare le PNG con trasparenza alfa.
Puoi benissimo creare una GIF o un JPG con una sfumatura che va dal tuo colore scelto al colore dello sfondo.
Senza usare le trasparenze, però!

[cipcip]

se dici cosi mi fai capire che hai provato tantissime volte e poi ti sei arreso,ok m iarrendo pure io cmq e vero che pho essere sfumato come l osfondo, ma a natale sullo sfondo a me compaiono i babbinatali
cmq alla fine questi son odettagli

[Sol]

Non è che mi sono arreso!
E' che praticamente è più semplice e veloce scegliere alternative alle PNG con canale alfa, piuttosto che farle visualizzare correttamente su Internet Explorer (che è l'unico a dare problemi!).
Mah... Ora vediamo se qualcosa cambierà con l'arrivo della versione 7 di Internet Explorer.

La mia è una scelta di praticità e nient'altro.

[alexsalento]

inserisci questo prima del tag </head>

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

poi nella stessa directory della pagina inserisci il file png.js

con questo codice:

// Universal transparent-PNG enabler for MSIE/Win 5.5+
// http://dsandler.org
// From original code: http://www.youngpup.net/?request=/snippets/sleight.xml
// and background-image code: http://www.allinthehead.com/retro/69
// also:
// * use sizingMethod=crop to avoid scaling PNGs (who would do such a thing?)
// * only do this once, to make it compatible with CSS rollovers

if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
window.attachEvent("onload", enableAlphaImages);
}

function enableAlphaImages(){
var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
if (itsAllGood) {
for (var i=0; i<document.all.length; i++){
var obj = document.all[i];
var bg = obj.currentStyle.backgroundImage;
var img = document.images[i];
if (bg && bg.match(/\.png/i) != null) {
var img = bg.substring(5,bg.length-2);
var offset = obj.style["background-position"];
obj.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoade r(src='"+img+"', sizingMethod='crop')";
obj.style.backgroundImage = "url('blank.gif')";
obj.style["background-position"] = offset; // reapply
} else if (img && img.src.match(/\.png$/i) != null) {
var src = img.src;
img.style.width = img.width + "px";
img.style.height = img.height + "px";
img.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoade r(src='"+src+"', sizingMethod='crop')"
img.src = "blank.gif";
}

}
}
}



e sempre nella stessa directory inserisci il file in allegato

Ciao!