rayon de frontière IE9 css

Question

J'essaie d'obtenir des coins arrondis à sur ma classe css avec le code tel qu'il suit

border-bottom-right-radius: 5px; 
border-bottom-left-radius: 5px; 

Je lis quelques articles liés à ma question et le code ci-dessus devrait être ok mais dans mon cas ne tirera pas.

Answer 1

Ajoutez ceci à votre balisage comme première ligne.

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

Utilisez ceci pour le rayon de la bordure pour une meilleure compatibilité avec les autres navigateurs.

 -moz-border-right-radius: 5px; 
    -webkit-border-right-radius: 5px; 
    border-right-radius: 5px; 
    -moz-border-left-radius: 5px; 
    -webkit-border-left-radius: 5px; 
    border-left-radius: 5px; 

Answer 2

IE9 utilise CSS3 (la norme de l'industrie). Votre code devrait donc fonctionner.

Un problème très courant est que bien que vous utilisiez ie9, il se peut que la page soit rendue avec une ancienne version. Voyez si le mode de compatibilité est activé par erreur. Vous pouvez également essayer les outils de développement (F12) et regarder le mode document et le mode navigateur (en haut) sont mis à IE9.