Comment les dégradés CSS ont-ils évolué dans Internet Explorer ?

Dégradés dans Internet Explorer : une évolution

Pour implémenter des dégradés dans Internet Explorer, nous devons utiliser les préfixes du fournisseur en fonction de la version. Alors que les versions précédentes utilisaient des filtres propriétaires, IE9 a introduit la prise en charge des dégradés CSS préfixés par le fournisseur.

Préfixe du fournisseur IE9 :

Dans IE9, le préfixe du fournisseur pour les dégradés est '- ms-' :

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')";

Fournisseur supplémentaire Préfixes :

Pour la compatibilité avec d'autres navigateurs, envisagez également d'utiliser des préfixes de fournisseur supplémentaires :

background-image: -moz-linear-gradient(top, #444444 0%, #999999 100%); /* Mozilla Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #999999)); /* Safari/Chrome (old syntax) */

Opera :

Vendeur d'Opera le préfixe pour les dégradés est '-o-' :

background-image: -o-linear-gradient(top, #444444 0%, #999999 100%);

Moderne Syntaxe :

Dans les navigateurs modernes (IE10), la méthode recommandée pour créer des dégradés consiste à utiliser le mot-clé 'linear-gradient' sans préfixe :

background-image: linear-gradient(top, #444444 0%, #999999 100%);

Cette syntaxe est prise en charge par tous principaux navigateurs, notamment IE10, Firefox, Safari, Chrome et Opera.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!