Hvordan fikse Transparent PNG filer i Internet Explorer 6

Hvordan fikse Transparent PNG filer i Internet Explorer 6


PNG eller Portable Network Graphics er en bildefil format som utnytter en farge bitmap og tapsfri komprimering. PNG ble utviklet delvis som et svar på rende problemer som ble funnet med GIF-filer. PNG kan støtte 8-bit gjennomsiktighets kanaler for å tillate delvis transparenter og fades. Problemet med PNG er at eldre nettlesere som Internet Explorer 6 og under har innebygd støtte for gjennomsiktige PNG-filer; derfor en rettelse er nødvendig for å tillate disse filene til å gjengi riktig.

Bruksanvisning

CSS Method

1 Lag en ny stil ark og tittel det IE.css. Du kan bruke Notepad for dette hvis du ikke har et program som vil lage disse filene, men sørg for at du legger til "Css" på slutten.

2 Last ned din ark opprinnelige stil (ikke ny) ved hjelp av hvilken som helst FTP-tilgang metode du foretrekker. Dreamweaver, FileZilla eller noen annen vil fungere. Kontroller at du har den nyeste stilark fra serveren din, ikke fra din lokale maskin. Åpne den ved hjelp av enten Notepad eller kode redigering programvare.

3 Marker hver stil eller element individuelt du ønsker å fikse gjennomsiktige PNG-filer for og trykk "Control" og "C" på tastaturet for å kopiere dem. Lim hver stil til det nye css dokumentet individuelt ved å trykke "Ctrl" og "V" på tastaturet.

4 Legg HTML og en plass foran hver stil navn. For eksempel, hvis den opprinnelige stilen var ".pngimages," det ville være "html .pngimages." Sett bakgrunnsbilde til ingen hvis det er en på den originale.

5 Legg til følgende kode i hver stil: filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (aktivert = sant, sizingMethod = skala, src = 'YourImageTitle.png'); }

6 Erstatt "YourImageTitle.png" med tittelen på den gjennomsiktige PNG-fil du bruker for den stilen. Sørg for å endre én stil til den aktuelle bildefilen.

7 Lagre IE.css dokumentet og laste den opp til serveren din ved hjelp av FTP-programvare.

8 Åpne hvert HTML-side som inneholder gjennomsiktig PNG-filer og legge til følgende kode i <head> tags: <! - [If IE 6]> <link rel = "stylesheet" href = "IE.css" type = "text / css "/> <[endif] ->. Hvis nettstedet ditt er dynamisk kan du bare legge dette til din header fil.

9 Lagre HTML eller dynamiske sider og laste dem opp til serveren din ved hjelp av FTP-tilgang programvare.

Bruke SuperSleight

10 Last ned SuperSleight filer. Se Resources for detaljer.

11 Last opp SuperSleight filene til serveren din ved hjelp av FTP-tilgang programvare. Husk det stedet du laste dem opp til, som du vil trenge den til å implementere SuperSleight på en bestemt side.

12 Last ned de nyeste versjonene av HTML-filene du trenger for å fikse gjennomsiktige PNG-filer på. Hvis nettstedet ditt er dynamisk trenger du bare topptekstfilen. Åpne de som bruker enten Notisblokk eller et annet program som lar kode redigering.

1. 3 Legg til følgende kode i hver HTML-side eller dynamisk header fil inne i <head> taggene: - <script type = "text / javascript" supersleight-min.js "for å inkludere noen ekstra <[if lte IE 6]!> baneinformasjon hvis du ikke laste det opp til rotkatalogen. Annen baneinformasjon ville være mapper som du plasserte SuperSleight filer i.

15 Lagre side eller sider og laste dem opp til serveren din ved hjelp av FTP-tilgang programvare.

Hint

  • Andre Javascript-filer kan være i konflikt med SuperSleight. Teste den på en testserver eller ikke-offentlig område for å sikre forsvarlig drift.