Reageer op reactie

6
Feb

PNG fix voor IE6

Jammer genoeg surft er nog steeds een groot aantal mensen met Internet Explorer 6 als browser op het web. Hun aantal is de laatste jaren al wel sterk afgenomen maar het aantal blijft nog hoog genoeg om er rekening mee te blijven houden bij het aanmaken van een website.

De aantallen en percentages tussen de verschillende browsers zijn natuurlijk sterk afhankelijk van het doel van de website zelf. Bij sommigen zal het aantal te verwaarlozen zijn, andere zullen er niet omheen kunnen om hun website ook in volle glorie te tonen in IE6 en hier dus extra tijd aan te besteden.

Volgens verschillende statistieken zou IE6 nog steeds een marktaandeel van 10% bevatten, wat toch nog vrij veel is.

Gelukkig zal Google zijn diensten (Youtube, Googledocs, ...) vanaf 1 maart niet langer ondersteunen voor IE6 wat hopelijk mee zal helpen aan het verdwijnen van deze verouderde browser.

Moest je toch nog je website optimaliseren vergeet dan niet dat IE6 geen transparancy ondersteund voor PNG's.

Met volgend script kan je dit gemakkelijk oplossen:

  • Download de PNG fix of gebruik het bestand uit de bijlage en plaats het bestand bij in je template folder
  • Neem volgend stukje code op in je page.tpl.php:



    In dit voorbeeld heb ik het originele bestand hernoemd naar DD_belatedPNG.js

    In het gedeelte "<script>DD_belatedPNG.fix('*');</script>" kan je oproepen in welke delen PNG's moeten aangepast worden bv div#header, a, img, ...

    Maar door gebruik te maken van '*' als joker worden alle elementen aangepast.

    (Dit voorbeeld is ook gemaakt voor een Drupal website, indien je het voor een gewone website wenst te gebruiken vervang je telkens het gedeelte "<?php print base_path . path_to_theme() ?>" door het juiste pad naar het bestand.)


    <!--[if lt IE 7.]>

         <script src="<?php print base_path() . path_to_theme() ?>/scripts/DD_belatedPNG.js"></script>



         <script>DD_belatedPNG.fix('*');</script>

    <![endif]-->

  • In bijlage heb ik het originele bestand geplaatst maar dan hernoemd zoals in bovenstaand script, zodat je het dadelijk in gebruik kan nemen. Let wel dit is een teks bestand dus haal de extensie .txt achteraan weg en het is werkende.
BijlageGrootte
DD_belatedPNG.js.txt12.05 KB
Labels:

Reageren

De inhoud van dit veld is privé en zal niet openbaar worden gemaakt.

Recente reacties

Twitter

  • @netlash gewoon op de geur van koffie afgaan (Miko) 17 uren 12 min geleden
  • Vernieuwde Prosite website: http://bit.ly/buVgrp 5 dagen 20 uren geleden
  • Verlof zit erop, ik zal al maar eens starten met die mailbox op te kuisen 1 week 1 dag geleden
  • @wwwald zou je dan ook niet vroeger op pensioen mogen met die vooruitzichten 1 week 3 dagen geleden
  • http://twitpic.com/2i06ac 1 week 5 dagen geleden
Theme designed by Donny Carette - Powered by Drupal - copyright © 2010