Das der Internetexplorer bis einschließlich Version 7 nicht in der Lage ist PNGs als favicon darzustellen kann sich bei manchen Darstellungen als hinderlich herausstellen. Denn Halbtransparenzen im Icon, wie beispielsweise bei dieser Seite, sind optisch ein wenig schöner als pixelige Verläufe oder einfarbige Füllungen im Hintergrund.
Um trotz dieser Einschränkung zumindest in anderen Browsern das PNG zu verwenden ohne auf ein favicon im Internetexplorer zu verzichten, lässt sich mit Hilfe der Conditional Comments eine Umgehung verwirklichen:
<!--[if !IE]><!--><link rel="shortcut icon" href="/favicon.png" /><!--<![endif]-->
<!--[if IE]><link rel="shortcut icon" href="/favicon.ico" /><![endif]-->
Die zweite Zeile wird nur durch Internetexplorer interpretiert, die erste von allen anderen Browsern. So erreicht man ohne große Umstände eine alternative Darstellungsweise.
Dienstag, 6. Oktober 2009 von Marco Todtenhaupt