Come risolvere trasparente i file PNG in Internet Explorer 6

May 22

Come risolvere trasparente i file PNG in Internet Explorer 6


PNG o Portable Network Graphic è un formato di file immagine che utilizza una bitmap di colore e compressione senza perdita. PNG è stato sviluppato, in parte, come una risposta a problemi di rendering trovati con i file GIF. PNG in grado di supportare i canali di trasparenza a 8 bit per consentire trasparenze parziali e dissolvenze. Il problema con i PNG è che i vecchi browser come Internet Explorer 6 e di seguito hanno il supporto nativo per i file PNG trasparenti; pertanto è necessaria una correzione per consentire questi file per rendere correttamente.

istruzione

Il metodo CSS

1 Creare un nuovo foglio di stile e titolo IE.css. È possibile utilizzare il Blocco note per questo, se non si dispone di un programma che creerà questi file, ma assicuratevi di aggiungere il ".css" alla fine.

2 Scarica il foglio di stile originale (non quello nuovo) utilizzando qualsiasi metodo di accesso FTP si preferisce. Dreamweaver, FileZilla o qualunque altra funzionerà. Assicurati di avere il foglio di stile più recente dal server, non dal computer locale. Aprirlo utilizzando Blocco note o il software di editing del codice.

3 Evidenziare ogni stile o elemento singolarmente si vuole risolvere file PNG trasparenti per e premere il tasto "Control" e "C" sulla tastiera per copiare loro. Incollare ogni stile nel nuovo documento CSS individualmente premendo il tasto "Control" e "V" sulla tastiera.

4 Aggiungere HTML e uno spazio davanti ad ogni nome di stile. Ad esempio, se il vostro stile originale era ".pngimages," sarebbe ".pngimages html". Impostare l'immagine di sfondo a nessuno se c'è una sull'originale.

5 Aggiungere il seguente codice per ogni stile: Filtro: progid: DXImageTransform.Microsoft.AlphaImageLoader (abilitata = true, sizingMethod = scala, src = 'YourImageTitle.png'); }

6 Sostituire "YourImageTitle.png" con il titolo del file PNG trasparente che si sta utilizzando per quello stile. Assicurati di cambiare ogni stile per il file di immagine appropriata.

7 Salvare il documento IE.css e caricarlo sul server utilizzando il software FTP.

8 Aprire ogni pagina HTML che contiene file PNG trasparenti e aggiungere il seguente codice all'interno dei tag <head>: <! - [If IE 6]> <link rel = "stylesheet" href = "IE.css" type = "text / css "/> <! [endif] ->. Se il sito è dinamico si può solo aggiungere questo al vostro file di intestazione.

9 Salva il tuo HTML o pagine dinamiche e caricarle sul server utilizzando il software di accesso FTP.

utilizzando SuperSleight

10 Scaricare i file SuperSleight. Vedere la sezione Risorse per ulteriori dettagli.

11 Caricare i file SuperSleight al server utilizzando il software di accesso FTP. Ricordate la posizione che si caricarle, in quanto sarà necessario per implementare SuperSleight su una determinata pagina.

12 Scarica le versioni più recenti dei file HTML necessari per correggere i file PNG trasparenti su. Se il sito è dinamico è necessario solo il file di intestazione. Aprire quelli utilizzando il Blocco note o un altro programma che consente la modifica del codice.

13 Aggiungere il seguente codice a ogni pagina HTML o file di intestazione dinamica all'interno dei tag <head>: - <script type = "text / javascript" supersleight-min.js "per includere ulteriori <[se lte IE 6]!> informazioni sul percorso se non caricarlo nella cartella principale. Altre informazioni sul percorso sarebbe cartelle che è stato posizionato il file SuperSleight in.

15 Salvare la pagina o le pagine e caricarle sul server utilizzando il software di accesso FTP.

Consigli e avvertenze

  • Altri file JavaScript possono essere in conflitto con SuperSleight. Prova su un sito di test server o non pubblica per garantire il corretto funzionamento.