ie9边框半径css

【问题标题】：ie9 border radius cssie9边框半径css
【发布时间】：2012-07-02 04:21:23
【问题描述】：

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

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

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

【问题讨论】：

重复帖子stackoverflow.com/questions/5381446/ie9-border-radius

标签： css internet-explorer-9

【解决方案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;

【讨论】：

【解决方案2】：

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

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

【讨论】：