首页 > web前端 > css教程 > 为什么我的表格单元格的顶角在 IE9 中不圆角?

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

Linda Hamilton
发布: 2024-11-25 02:08:13
原创
1014 人浏览过

Why Aren't My Table Cell's Top Corners Rounding in 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板