Veel websites gebruiken tegenwoordig meer en meer plaatjes met de extensie PNG, een bestandsformaat dat ook transparantie toevoegt aan plaatjes en tevens van betere kwaliteit is dan plaatjes met de extensie GIF. Echter ondersteunen nog niet alle browsers transparantie in deze vorm. Internet Explorer 6 is één van deze browsers. Plaats je een PNG plaatje met transparantie op je website en laad je deze vervolgens in Internet Explorer 6 dan zul je zien dat het transparante gedeelte hier grijs wordt weergegeven en natuurlijk willen we niet. In de webtip van vandaag gaan we kijken hoe we dit probleem oplossen met een simpel en handig stukje javascript.

Stap 1:

Download SuperSleight en upload alle bestanden naar een map op de server waar je website staat.

Stap 2:

Zorg dat SuperSleight wordt geladen in alleen Internet Explorer 6. Dit doen we door middel van conditional comments:

<!--[if lte IE 6]>
    <script type="text/javascript" src="/PAD NAAR EIGEN MAP/supersleight-min.js"></script>
<![endif]-->

Stap 3

En dat was het al! Op deze manier kun je PNG-plaatjes met transparantie toepassen, ook in Internet Explorer 6 en lager; de browsers die dit niet ondersteunen.