为什么我的表格单元格的顶角在 IE9 中不圆角？

IE9 中的边框半径问题：极端情况

问题：我无法在左上角和右上角实现圆角IE9 中表格单元格的边缘，尽管相同的代码在 Firefox、Chrome 和 Safari 中可以完美运行。缺少什么？

代码片段：

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

答案：

虽然 IE9 支持 border-radius，它需要额外的步骤来实现兼容性。要解决此问题，请将以下元标头添加到您的页面中：

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

“edge”值指示 IE 使用其最新的渲染引擎，确保它正确解释 CSS 功能（例如边框半径）。因此，在 IE9 中，它将使用内置引擎，而不是已知会导致某些 CSS 样式出现问题的兼容模式。

以上是为什么我的表格单元格的顶角在 IE9 中不圆角？的详细内容。更多信息请关注PHP中文网其他相关文章！