web-dev-qa-db-fra.com

ie9 rayon de 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);
html5css3internet-explorer-9
34
derekcohen

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

<!DOCTYPE html>

IE9 exige 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)

20
Adam Casey

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" afin que IE 9 utilise 9, 10 utilise 10, etc.

75
kprobst

Oltre de la raison citée de al risposte, Contrôle nello strumento per sviluppatori (StampaF12) la tua modalità documento dovrebbe essere impostata su Internet Explorer 9 Standards

enter image description here

13
Shekhar_Pro

Travaille bien dans Explorer 9 et 8 avec:

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

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 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 . Remarquez que si vous avez <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">en haut de votre page, le bord-rayon peut ne pas apparaître dans IE9, il est donc préférable de le changer en <!DOCTYPE html>

0
Omid