non me ne frega nulla dei supporti più strani, ma un browser decente non può non supportare le trasparenze PNG. Siccome sto lavorando a un sito e quelle png sono NECESSARIE, il mio INCAZZAMENTO sta crescendo perchè oper ovviare alle LACUNE (che non vengono volontariamente colmate!!!!!!!!!) devo infilare javascript altrimenti non necessari.
A proposito, con un javascript ho ovviato alle immagini trasparenti inserite col tag img, ma alcune immagini sono nello sfondo di tabella, inserite via css. Ecco un esempio:
<td style="
background: transparent;
background-image: url(tpl/bordo_sx_up.png);
background-repeat: no-repeat;
height: 14px;
width: 16px;
"></td>
quell'immagine di sfondo è un gradiente dal nero al trasparente, sotto firefox perfetto, explorer ovviamente il tersparente lo fa bianco. Per favore ditemi che sapete come applicare le stesse modifiche che mi fa il javascript sulle immagini via <img>:
questa è la funzione che si gira tutto il documento e corregge le immagini png:
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
}
}
}
