Prise en charge de & # 8220; border-radius & # 8221; dans IE

StackOverflow https://stackoverflow.com/questions/635851

  •  10-07-2019
  •  | 
  •  

Question

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

Était-ce utile?

La solution

Oui! Lorsque IE9 sera publié en janvier 2011.

Disons que vous voulez un 15px pair 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 le border-radius par défaut, assurez-vous simplement de l'inclure dans tous vos styles en appelant un rayon de bordure. Votre site sera alors prêt pour IE9.

-moz-border-radius est destiné à Firefox, -webkit-border-radius est destiné à Safari et Chrome.

En outre: n'oubliez pas de déclarer votre code IE comme ie9: 

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

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

Autres conseils

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. "

).

IE9 prendra en charge border-radius .

Il existe un aperçu de la plate-forme disponible qui prend en charge border-radius . Vous aurez besoin de Windows Vista ou Windows 7 pour exécuter l'aperçu (et IE9 lors de sa publication).

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 met des classes sur votre élément html, vous permettant de servir un style différent. définitions à différents navigateurs en fonction de leurs capacités.

Évidemment, ces deux ajoutent plus de temps système, mais avec IE9 qui tourne sous Vista / 7, nous risquons de rester bloqués pendant un bon bout de temps. En août 2010, Windows XP représentait toujours 48% des systèmes d’exploitation client Web.

Cela n’est pas prévu pour IE8. Consultez la page de compatibilité CSS .

Au-delà, aucun plan n'a été publié. Selon certaines rumeurs, IE8 sera la dernière version de Windows XP

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

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

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

Le problème de rayon d'angle d'IE va être résolu.

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

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 avoir pris une capture d'écran: (

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

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

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

Pour ceux qui ne reçoivent pas le -ms-border-radius: ou le border-radius: pour travailler dans IE 10,11 Et il 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. .
  3. Désélectionnez maintenant les 2 cases cochées par défaut.

Assurez-vous que les cases ne sont pas cochées comme dans l'illustration>

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top