web-dev-qa-db-fra.com

Prise en charge de "border-radius" dans IE

Est-ce que quelqu'un sait si/quand Internet Explorer supportera l'attribut CSS "border-radius"?

cssinternet-explorercss3
157
Tony the Pony

Oui! Lorsque IE9 sera publié en janvier 2011.

Disons que vous voulez un même 15px sur les quatre côtés:

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

IE9 utilisera la valeur par défaut border-radius, alors assurez-vous simplement de l'inclure dans tous vos styles en appelant un rayon. Ensuite, votre site sera prêt pour IE9.

-moz-border-radius est pour Firefox, -webkit-border-radius est pour Safari et Chrome.

De plus, n'oubliez pas de déclarer votre codage IE = ie9:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Certains développeurs paresseux ont <meta http-equiv="X-UA-Compatible" content="IE=7" />. Si cette balise existe, border-radius ne fonctionnera jamais dans IE.

218
Kevin Florida

La réponse à cette question a changé depuis sa demande il y a un an. (Cette question est actuellement l'un des meilleurs résultats pour Google "frontière-rayon".)

IE9 supportera border-radius.

Il y a un aperçu de la plateforme disponible qui prend en chargeborder-radius. Vous aurez besoin de Windows Vista ou Windows 7 pour exécuter l'aperçu (et IE9 lors de sa publication).

46
David Johnstone

Pendant que vous attendez .. Navigateur croisé dans les coins incurvés

27
Luis Melgratti

Une solution de contournement et un outil pratique:

CSS3Pie utilise les fichiers .htc et la propriété de comportement pour implémenter CSS3 dans IE 6 - 8.

Modernizr est un peu de javascript qui mettra des classes sur votre élément html, vous permettant de servir différentes définitions de style à différents navigateurs en fonction de leurs capacités.

De toute évidence, ces deux ajoutent plus de frais généraux, mais avec IE9 en raison de ne fonctionner que sur Vista/7, nous pourrions être bloqués pendant un certain temps. En août 2010, Windows XP représentait toujours 48% des systèmes d'exploitation client Web.

18
Peter G

Ce n'est pas prévu pour IE8. Voir le page de compatibilité CSS .

Au-delà, aucun plan n'a été publié. Des rumeurs existent selon lesquelles IE8 sera le dernier version pour Windows XP

12
Ben S

<!DOCTYPE html> sans cette balise border-radius ne fonctionne pas dans IE9, pas besoin de balises méta.

7
JAVAC

Mise à jour rapide de cette question, IE9 prendra en charge border-radius selon: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for -developers.aspx

6
simonrjones

Utilisez -ms-border-radius: 15px, tout élément utilisant css -ms- est compatible avec IE.

4
Iago Bruno

La question du rayon de coin de IE va être résolue.

http://kbala.com/ie-9-supports-corner-radius/

2
jaya

Qu'en est-il de la prise en charge du rayon de la bordure ET du dégradé d'arrière-plan? Oui, IE9 doit les prendre en charge séparément, mais si vous mélangez les deux, le dégradé disparaîtra du coin arrondi. Vous trouverez ci-dessous un lien vers un mauvais exemple, mais je l'ai également constaté lors de mes propres tests. Devrait prendre une capture d'écran :(

La vraie question est peut-être de savoir quand IE supportera les normes CSS sans piratage propriétaire de MS-FILTER.

http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

2
SigmaBetaTooth

RESOLU - ne pas restituer correctement le rayon de la bordure dans IE 10 et 11

Pour ceux qui n'obtiennent pas le -ms-border-radius: ou le border-radius: travailler dans IE 10,11 Et cela rend tous les carrés, puis suivez ces étapes:

  1. Cliquez sur la roue dentée en haut à droite du navigateur IE
  2. Cliquez sur Paramètres d'affichage de compatibilité
  3. Désélectionnez maintenant les 2 cases cochées par défaut.

Ensure that the boxes are unchecked as in pic

1
Allan Starr