Hvordan lage PNG Åpenhet i Internet Explorer
En PNG er en krysning mellom en JPG og GIF. JPG-filer er egnet for visning av bilder med ikke-sammenhengende farge, mens GIF er bedre egnet for å vise 256 farger strektegninger. PNG-filer viser begge typer bilder like godt og støtter alfakanaler. Hvis et bilde har alfakanaler, kan du skape dramatiske effekter ved å justere bildets åpenhet. Dessverre versjoner av Internet Explorer eldre enn IE7 ikke støtter PNG gjennomsiktighet. For å vise gjennomsiktige PNG på disse nettleserne, må du legge til et spesielt filter i HTML-koden.
(Se referanse 1 re JPG, GIF og PNG) .. (Se referanse 2 re IE7 støtte, søke etter "støtte for fulle Alpha")
Bruksanvisning
1 Opprett en ny HTML-dokument med Notepad eller en HTML-editor.
2 Legg til følgende kode for å lage en enkel web-side:
<! 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>
<Body style = "background-color: Red";>
</ Body>
</ Html>
Bakgrunnsfargen på denne siden er rød.
3 Legg dette <img> -taggen til <body> -delen av dokumentet:
<Div style = høyde: 200px; width: 200px;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader
(Src = 'xyz.png', sizingMethod = 'skala'); "> </ div>
Erstatt "xyz.png" med navnet på et PNG-bilde på harddisken. I dette eksempelet er høyde og bredde verdier satt til 200. Erstatt disse verdiene med dimensjonene på PNG-fil. Den AlphaImageLoader filter i stil erklæringen gjør Internet Explorer for å legge til åpenhet til PNG og la rød bakgrunn å vise gjennom.
4 Lagre filen og åpne den i Internet Explorer 6. Du vil se den røde bakgrunnen gjennom PNG-bilde.
Hint
- PNG-filer er større enn JPG-filer. Vurder å bruke JPG i stedet for PNG hvis du ikke trenger åpenhet eller høyere bildekvalitet som PNG-filer gir.