html - IE边框半径显示错误

我对边框半径和 IE 9+ 有一个奇怪的问题。

浏览器在左侧显示圆 Angular ，如附图所示。如果您遇到此类问题，请告诉我您的解决方案。

我还附上了一个用于成功消息的 CSS 示例:

width: 100%;
padding: 15px;
background-color: #beff97;
color: #68bd45;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

编辑:我有 <meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1">

这是我在那里做的事情的 fiddle : http://jsfiddle.net/afXWu/

Print screen of IE9 .

最佳答案

我刚刚用我的 IE9+ 测试了你的 jsfiddle 演示，没有任何与 border-radius 属性的错误显示相关的问题。

IE9(仿真)

enter image description here

IE11

enter image description here

编辑

您没有关闭 meta标记

<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1"/> <- 最后一个斜杠应该存在。

或者你可以试试这个<meta http-equiv="X-UA-Compatible" content="IE=edge"/> .

关于html - IE边框半径显示错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23220551/