Minification et dégradé linéaire (Linear Gradient) IE : Attention !

Publié le dans la catégorie Web 0 com's
Minification et dégradé linéaire (Linear Gradient) IE : Attention !

Pour ceux qui font des minificateurs CSS leur arme de combat contre les kilooctets (ko) superflus, vous avez peut être remarqué des dégradés bleu / noir anormaux sous Internet Explorer. Ce méchant IE a en fait besoin, pour les dégradés linéaires, de 6 chiffres pour la propriété filter.

De ce fait, lorsque vous faites un dégradé (pour IE avec filter) dont les couleurs peuvent être minifiées, passant de 6 chiffres hexadécimaux à 3 (ex: 000000 en 000), il faudra repasser ces 3 chiffres à 6 après la minification (ou ne pas minifier cette partie)

Mauvaise syntaxe pour IE :

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000',GradientType=0 ); /* IE6-9 */

Bonne syntaxe pour IE :

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

Laisser un commentaire