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?

Était-ce utile?

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 .

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