ie9边界半径css

时间:2012-07-01 12:45:38

标签: css internet-explorer-9

我正在尝试使用代码跟随我的css类的圆角

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

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

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

IE9使用CSS3(行业标准)。因此,您的代码应该有效。

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