Come fare PNG Trasparenza in Internet Explorer

March 2

Come fare PNG Trasparenza in Internet Explorer


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")

istruzione

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>

&lt;title>IE PNG Test&lt;/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.

Consigli e avvertenze

  • I file PNG sono più grandi di file JPG. Considerare l'utilizzo di JPG, invece di PNG se non hai bisogno di trasparenza e la qualità delle immagini superiore che forniscono file PNG.

Articoli Correlati