CSS - rayon de frontière n'apparaît pas dans IE6 / 7/8
-
18-09-2019 - |
Question
J'utilise le CSS suivant pour obtenir une bordure arrondie sur mon DIV:
border: 1px solid #999;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
Mais dans IE 6/7/8, même si je suis y compris le rayon spécifique IE, il n'est pas une bordure arrondie affiche DIV (il est affiche une frontière carrée).
Toutes les idées pourquoi seulement IE 6/7/8 ne présente pas une bordure arrondie?
La solution
Au IE8, IE ne supporte pas la propriété CSS3 border-radius. Je ne sais pas ce que vous avez vu que dit qu'il a fait. Vous pouvez utiliser des images, javascript, ou bien d'autres trucs à coins arrondis dans IE.
Autres conseils
il n'y a pas -m-border-radius Internet Explorer ne supporte pas.
La chose 'plus récent de Microsoft a à dire au sujet des coins arrondis est cette ancienne table + images pirater intitulé 'Rester à l'avant de la courbe'; -)
IE ne supporte pas les border-radius.
De IE8 Zone Expert Clavardez:
Chris Wilson [MS] (Expert):
Q: [9] Tous les plans de soutien CSS » border-radius, par exemple. -ms-rayon border: 5px; ? Firefox et Safari ont -khtml- et -moz- mises en œuvre que nous pouvons utiliser pour faire coins arrondis sans images ou sprites et d'améliorer par exemple la performance. http://preview.tinyurl.com/9y3tfn/
A: border-radius est élevé sur le souhait liste, mais ne sera pas dans IE8.
Alors que je me rends compte qu'une réponse a été acceptée, je voulais suggérer -si vous avez besoin d'autres conseils / support / Guidance- que vous avez un regard sur Curvy Corners; ils ont une bibliothèque JS avec des exemples.
Comme, bien sûr, faire MooTools , mais avec un tiers (pour autant que je puisse dire) Module de fusion phat . Et jQuery a son propre plugin coin tiers, Methvin .