AlphaImageLoader Filter
Copyright © Shutterstock / veronchick_84
Was ist ein AlphaImageLoader Filter?
AlphaImageLoader Filter ist eine Technik, die verwendet wird, um transparente PNG-Dateien (Portable Networks Graphics) in Ă€lteren Versionen von Internet Explorer (IE) zu unterstĂŒtzen. Es wird im CSS des Magento Themes verwendet.
Installation
Bei der Installation der Bildoptimierungsserie handelt es sich um den IE-proprietÀren AlphaImageLoader Filter CSS, den Entwickler hÀufig als Problemumgehung verwenden, um Transparenzprobleme mit TrueColor-PNGs in IE zu lösen. Das Problem mit AlphaImageLoader ist, dass es die Seitenleistung beeintrÀchtigt und daher auch die Benutzerfreundlichkeit behindert.
Funktion
- Die PNGs (Portable Networks Graphics) sind in verschiedene Arten unterteilt:
Indiziert (Palette), auch als PNG8 bezeichnet, mit bis zu 256 Farben. - TrueColor-PNG, auch als PNG32 oder PNG24 bezeichnet.
Beide Formate unterstĂŒtzen Alpha (variable) Transparenz und wĂ€hrend PNG8-Bilder in IE6 (z. B. Quelle) zu einer GIF-Ă€hnlichen, nicht variablen Transparenz degradieren, zeigen TrueColor-PNGs anstelle der transparenten Pixel (Quelle W3C) einen unschönen Hintergrund.
Ausrichtung
IE6 (und Ă€ltere Versionen von IE) bietet eine Lösung fĂŒr das Problem mit dem AlphaImageLoader Filter durch seine proprietĂ€re Filter-CSS-Eigenschaft.
Der Grund fĂŒr die Ausrichtung auf IE7 vor Version 7 ist, dass IE7 die Alpha-Transparenz nativ unterstĂŒtzt, ohne dass ein Filter erforderlich ist. IE8 tut dies auch und Ă€ndert die Filtersyntax vollstĂ€ndig.
Der Filter verĂ€ndert nicht das Bild, stattdessen wird das HTML-Element geĂ€ndert, auf das dieser Stil angewendet wird. Jedes Element wird synchron in einem einzigen UI-Thread verarbeitet. Der Prozess, der den Filter anwendet, benötigt einige Ressourcen fĂŒr jedes Element und je mehr gefilterte Elemente vorhanden sind, desto schwieriger wird es.
Sie haben noch Fragen?
