Hvordan lage PNG Åpenhet i Internet Explorer

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>

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