Comment puis-je implémenter des dégradés CSS dans IE9 et au-delà ?

Dégradés dans Internet Explorer 9 et au-delà

Comme vous le savez, la mise en œuvre de dégradés dans Internet Explorer a été un peu un défi dans le passé. Cependant, avec IE9, Microsoft a finalement introduit la prise en charge des dégradés CSS, ouvrant ainsi de nouvelles possibilités aux concepteurs Web.

Pour créer un dégradé dans IE9, vous pouvez utiliser la syntaxe suivante :

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

Cela créera un dégradé linéaire qui passera de # 444444 en haut à # 999999 en haut. en bas.

Préfixes du fournisseur pour les autres navigateurs

Pour les autres navigateurs, vous devrez utiliser les préfixes du fournisseur suivants :

• Mozilla Firefox : -moz-linear-gradient
• Apple Safari et Google Chrome : -webkit-gradient
• Opera : -o-linear-gradient

Exemple de code pour plusieurs navigateurs

Pour prendre en charge les dégradés dans plusieurs navigateurs , vous pouvez utiliser le code CSS suivant :

background-image:
    -ms-linear-gradient(top, #444444, #999999),
    -moz-linear-gradient(top, #444444, #999999),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #999999)),
    -webkit-linear-gradient(top, #444444, #999999),
    -o-linear-gradient(top, #444444, #999999);

Opera Vendor Préfixe

Comme vous l'avez correctement mentionné, le préfixe du fournisseur pour Opera est :

• -o-linear-gradient

Source : http ://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!