css - ie9边框半径css

Question

我正在尝试使用以下代码对我的 css 类进行圆角处理

border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

我一直在阅读与我的问题相关的几篇文章，上面的代码应该没问题，但在我的情况下不会触发。

Answer 1

将此作为第一行添加到您的标记中。

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

将此用于边框半径，以更好地与其他浏览器兼容。

     -moz-border-right-radius: 5px;
     -webkit-border-right-radius: 5px;
     border-right-radius: 5px;
     -moz-border-left-radius: 5px;
     -webkit-border-left-radius: 5px;
     border-left-radius: 5px;

Answer 2

IE9 使用 CSS3（行业标准）。因此，您的代码应该可以工作。

一个非常常见的问题是，尽管您使用的是 ie9，但它可能正在使用旧版本呈现页面。查看是否错误地启用了兼容模式。您也可以尝试开发者工具 (F12) 并查看文档模式和浏览器模式（在顶部）是否设置为 IE9。