March 2
Un PNG è un incrocio tra un JPG e GIF. file JPG sono adatti per la visualizzazione di fotografie con colori non contigui, mentre GIF sono più adatti per la visualizzazione di disegni al tratto a 256 colori. I file PNG mostrano entrambi i tipi di immagini altrettanto bene e supporta i canali alfa. Se un'immagine ha canali alfa, è possibile creare effetti drammatici regolando la trasparenza dell'immagine. Purtroppo le versioni di Internet Explorer più vecchi di IE7 non supportano la trasparenza PNG. Per visualizzare PNG trasparenti su questi browser, è necessario aggiungere un filtro speciale per il codice HTML.
(Vedi riferimento 1 re JPG, GIF e PNG) .. (vedi riferimento 2 ri supporto IE7, cercare "il supporto per la piena Alpha")
1 Creare un nuovo documento HTML utilizzando il blocco note o un editor HTML.
2 Aggiungere il seguente codice per creare una pagina Web di base:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<title>IE PNG Test</title>
</ Head>
<Stile del corpo = "background-color: red";>
</ Body>
</ Html>
Il colore di questa pagina sfondo è rosso.
3 Aggiungi il tag <img> alla sezione <body> del documento:
<Div style = altezza: 200px; width: 200px;
Filtro: progid: DXImageTransform.Microsoft.AlphaImageLoader
(Src = 'xyz.png', sizingMethod = 'scala'); "> </ div>
Sostituire "xyz.png" con il nome di un'immagine PNG sul disco rigido. In questo esempio, i valori di altezza e larghezza sono impostati su 200. Sostituire questi valori con le dimensioni del file PNG. Il filtro AlphaImageLoader nella dichiarazione di stile consente di Internet Explorer per aggiungere trasparenza al PNG e consentire lo sfondo rosso per mostrare attraverso.
4 Salvare il file e aprirlo in Internet Explorer 6. Si vedrà lo sfondo rosso attraverso l'immagine PNG.