IE9 filtre dégradé et border-radius conflit

Je suis en train d'utiliser d'effet de gradient et de la frontière rayon sur le même élément, mais il y a un conflit entre eux. Gradient fonctionne très bien, mais il fait frontière rayon ne fonctionne pas.

voici le script

.selector {
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4317',endColorstr='#891a00');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

Je ne veux pas utiliser tout .htc fichiers.

Est-ce un problème connu entre le filtre et le rayon des frontières?

Grâce.

stackoverflow.com/questions/9298929/... essayer
Je voudrais éviter le filtre dans IE9 et l'utilisation de svg à la place. J'ai l'habitude d'utiliser cet outil pratique pour générer le css pour les dégradés: colorzilla.com/gradient-editor

OriginalL'auteur Simon | 2012-05-01

7

Vous pouvez utiliser une SVG de gradient, voici un exemple qui fonctionne dans IE9 avec un border-radius: http://jsfiddle.net/thirtydot/Egn9A/

Pour générer du SVG dégradé, utilisez: http://www.colorzilla.com/gradient-editor/. Vous ne mentionnez pas essayer de le faire fonctionner dans d'autres navigateurs/versions de IE, mais si c'est ce que vous essayez de le faire (vous avez peut-être parce que vous êtes à l'aide de filter), utilisez la méthode décrite dans le "IE9 à la section" Soutien.

Un autre site pour générer du SVG dégradés: http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html

OriginalL'auteur thirtydot

Vous devez vous connecter pour publier un commentaire.