问题:我无法在左上角和右上角实现圆角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中文网其他相关文章!