Comment créer des dégradés dans Internet Explorer 9 ?

Dégradés dans Internet Explorer 9

Lors du développement de sites Web compatibles avec plusieurs navigateurs, il est crucial de comprendre comment créer des dégradés dans différents navigateurs. La prise en charge des dégradés par Internet Explorer 9 peut être résolue à l'aide des méthodes suivantes :

Implémentation du dégradé IE9 :

Contrairement aux versions précédentes d'IE, IE9 a abandonné la prise en charge des filtres propriétaires et a adopté préfixes du fournisseur pour les dégradés CSS. Pour créer des dégradés dans IE9, vous devrez utiliser la syntaxe suivante :

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

Autres navigateurs :

Pour les autres navigateurs, vous pouvez utiliser les préfixes suivants :

• Firefox : -moz-linear-gradient
• Safari/Chrome : -webkit-gradient (Chrome 11 prend en charge -webkit-linear-gradient)
• Opera : -o-linear-gradient

Proposition du W3C :

Le World Wide Web Consortium (W3C) a proposé une syntaxe standard pour les dégradés :

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

Cette syntaxe est prise en charge par les navigateurs modernes, mais pour garantir la compatibilité avec les navigateurs plus anciens, il est recommandé d'inclure les préfixes du fournisseur lorsque cela est possible.

Remarque : tous les navigateurs mentionnés prennent également en charge les valeurs RVB/RGBA au lieu de notation hexadécimale.

Source : https://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html

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!