Pourquoi les coins supérieurs de ma cellule de tableau ne sont-ils pas arrondis dans IE9 ?

Problèmes de rayon de bordure dans IE9 : un cas d'angle

Problème : Je ne parviens pas à obtenir des coins arrondis en haut à gauche et à droite bords d'une cellule de tableau dans IE9, bien que le même code fonctionne parfaitement dans Firefox, Chrome et Safari. Qu'est-ce qui manque ?

Extrait de code :

border-left: solid 1px #444f82;
border-right:solid 1px #444f82;
border-top:solid 1px #444f82;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topleft: 7px;
behavior: url(/survey_templates/PIE.htc);

Réponse :

Bien que le rayon de bordure soit pris en charge dans IE9, cela nécessite une étape supplémentaire pour activer la compatibilité. Pour résoudre ce problème, ajoutez le méta-en-tête suivant à votre page :

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

La valeur "edge" indique à IE d'utiliser son dernier moteur de rendu, en garantissant qu'il interprète correctement les fonctionnalités CSS telles que border-radius. Par conséquent, dans IE9, il utilisera le moteur intégré au lieu du mode de compatibilité connu pour causer des problèmes avec certains styles CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!