Internet Explorer 10 和 11 中的边框半径显示问题 [重复]答案

【问题标题】：Border-radius displaying issue in Internet Explorer 10 and 11 [duplicate]Internet Explorer 10 和 11 中的边框半径显示问题 [重复]
【发布时间】：2014-05-08 13:42:58
【问题描述】：

我有一个带有边界半径的 div。在 IE10 和 IE11 中以某种碎片显示。

原因是什么？我们如何解决这个问题？

使用 IE10 或 IE11 访问此站点以查看效果： http://css3pie.com/demos/border-radius

访问小提琴：http://goo.gl/pKLe89

【问题讨论】：

我无法在您的小提琴或 CSS3PIE 网站上的 IE11 或 Firefox 中复制您的问题。你的视频有问题吗？
在 IE11 中一切正常...
这是你的具体问题，更换你的电脑——也许是 IE11 渲染问题与你的 VGA 卡或类似的东西
在 Internet 选项|高级中检查图形加速的设置。
@Teemu 谢谢，这就是答案。我必须激活软件渲染，所以它一定是显卡的问题。可能是因为我在 VM 中运行 Windows。我为这次在 IE 上骂人道歉。

标签： internet-explorer padding css

【解决方案1】：

IE10 和 IE11 都支持边框半径。尽管有人声称4 missing pixels 确实存在，但您也许可以走这条路。

另一种选择是尝试破解它。

-ms-border-radius: 10px;

【讨论】：

IE中还有一个bug：当fieldset中有legend标签时，fieldset失去了它的边界半径。

【解决方案2】：

如果您没有在 HTML 标头中定义元标记，就会出现这些问题。这个元将解决问题。

{}

这里有一些有用的链接：IE11 border radius and border bug

【讨论】：