Warum werden die oberen Ecken meiner Tabellenzelle in IE9 nicht gerundet?

Probleme mit dem Randradius in IE9: Ein Eckfall

Problem: Ich kann oben links und rechts keine abgerundeten Ecken erzielen Kanten einer Tabellenzelle in IE9, obwohl derselbe Code in Firefox, Chrome und Safari einwandfrei funktioniert. Was fehlt?

Code-Snippet:

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

Antwort:

Während border-radius in IE9 unterstützt wird, Es ist ein zusätzlicher Schritt erforderlich, um die Kompatibilität zu aktivieren. Um dieses Problem zu beheben, fügen Sie Ihrer Seite den folgenden Meta-Header hinzu:

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

Der Wert „edge“ weist den IE an, seine neueste Rendering-Engine zu verwenden, um sicherzustellen, dass er CSS-Funktionen wie den Randradius korrekt interpretiert. Daher wird in IE9 die integrierte Engine anstelle des Kompatibilitätsmodus verwendet, der bekanntermaßen Probleme mit einigen CSS-Stilen verursacht.

Das obige ist der detaillierte Inhalt vonWarum werden die oberen Ecken meiner Tabellenzelle in IE9 nicht gerundet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!