34 votes

Rayon de la bordure

J'ai le suivant qui fonctionne dans Firefox, Chrome et Safari. Mais pas dans IE9. Il applique des coins arrondis en haut à gauche et à droite d'un td. Qu'est-ce que je rate?

 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);
 

75voto

kprobst Points 8360

Pour autant que je sache, le rayon de la frontière devrait fonctionner sur IE9. Il se peut que vous manquiez ceci dans l'en-tête de votre page:

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

"edge" signifie "utilise le dernier moteur de rendu", de sorte que IE 9 utilisera 9, 10 utilisations 10, etc.

20voto

Dotmister Points 1111

Avez-vous cela en haut de votre document HTML (au-dessus de la balise <html> )

 <!DOCTYPE html>
 

IE9 en a besoin pour que le site Web affiche les nouveaux éléments HTML5 / CSS3.

Edit: Ou de nombreux autres Doctype (XHTML, etc., mais c'est le plus court et le plus facile à retenir)

13voto

Shekhar_Pro Points 10465

En plus des causes mentionnées par d’autres réponses, vérifiez dans l’outil de développement (Appuyez sur la touche F12 ). Le mode Document doit être réglé sur Internet Explorer 9 Standards

entrez la description de l'image ici

1voto

user1224025 Points 11

Travaille bien dans Explorer 9 et 8 avec:

 <!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
 

0voto

Omid Points 1

Avoir ajouté <!DOCTYPE html> et <meta http-equiv="X-UA-Compatible" content="IE=edge" /> dans l'en-tête de page et le problème a été résolu. Si border-radius ne fonctionne pas dans IE9, vous devez ajouter à la fois <!DOCTYPE html> et <meta http-equiv="X-UA-Compatible" content="IE=edge" /> dans l'en-tête de page. N'oubliez pas que si vous avez <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> en haut de votre page, le rayon de la bordure ne s'affiche peut-être pas encore dans IE9. Il est donc préférable de le remplacer par <!DOCTYPE html>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X