Fond dégradé du bouton d'envoi dans IE

Question

J'essaie d'ajouter un dégradé à un bouton d'envoi dans IE9 en utilisant la règle CSS spécifique au fournisseur :

background: -ms-linear-gradient(#6671E8,#434991);

Mais pour une raison quelconque, cette ne fonctionne pas . Est-ce que je fais quelque chose de mal ou est-ce qu'IE9 fait encore tout foirer (ou une combinaison des deux) ?

Answer 1

Essayez de mettre le filtre à zéro :

input[type="submit"] { filter: none; }

Je ne l'ai pas confirmé, mais je l'ai lu sur le générateur de dégradés de Colorzilla :

http://www.colorzilla.com/gradient-editor/

Answer 2

Utilisez CSS3 PIE et mettre -pie-background :

-pie-background: linear-gradient(#6671E8, #434991);

Answer 3

Essayez ça :

background: #6671e8; /* Old browsers */
background: -moz-linear-gradient(top,  #6671e8 1%, #434991 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6671e8), color-stop(100%,#434991)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6671e8 1%,#434991 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6671e8 1%,#434991 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6671e8 1%,#434991 100%); /* IE10+ */
background: linear-gradient(top,  #6671e8 1%,#434991 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6671e8', endColorstr='#434991',GradientType=0 ); /* IE6-9 */