IE边框半径显示错误 [英] IE Border radius display error

问题描述

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

I have a weird issue with border radius and IE 9+.

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

The browsers are displaying the rounded corners in the left side like in the images attached. If you encountered such problems let me know your solution.

我还将附上用于成功消息的CSS示例:

I am also attaching an example of CSS I am using for success message:

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

这是我在那儿做什么的小提琴: http://jsfiddle.net/afXWu/

here is the fiddle for what i am doing there: http://jsfiddle.net/afXWu/

.

推荐答案

我刚刚使用IE9 +测试了您的jsfiddle演示，并且没有与border-radius属性的不正确显示有关的任何问题.

I've just tested your jsfiddle demo with my IE9+ and had no issues whatsoever related to the incorrect display of border-radius property.

IE9(仿真)

IE11

编辑

您没有关闭meta标记

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

<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1"/> <- that last slash should be present.

或者您可以尝试此<meta http-equiv="X-UA-Compatible" content="IE=edge"/>.

这篇关于IE边框半径显示错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！