边框半径在 IE11 中不起作用答案

【问题标题】：Border-radius not working in IE11边框半径在 IE11 中不起作用
【发布时间】：2016-06-01 05:48:24
【问题描述】：

为什么当我将border-radius 放在某个文件中的某个元素上时，它没有正确地使用border-radius 呈现，并且在Internet Explorer 11 中的border-radius 属性下方有一条红色的卷线？

当我尝试在我自己的自定义 HTML 文件中做同样的事情时：

<div style="width: 100px; height: 100px; background-color: red; border-radius: 5px;"></div>

Internet Explorer 对这些边缘进行四舍五入没有任何问题吗？

谁能告诉我发生了什么，因为我自己从未使用过 Internet Explorer？

Internet Explorer 中 CSS 属性下方的红色卷线是否表示它无法识别该属性？

【问题讨论】：

它在其他浏览器中是否有效？您是否正在复制和粘贴 border-radius 文本（可能从某处保留了不可见/零宽度字符）？
您在悬停时将其添加到您的链接中。这是缩进的吗？还是您希望它一直显示？内联添加时，您将其添加到 <div>，但在您的 CSS 中，您将其添加到 <a>
你在compatibility mode运行吗？
寻求代码帮助的问题必须在在问题本身中包含重现它所需的最短代码，最好在Stack Snippet 中。见How to create a Minimal, Complete, and Verifiable example
display:block 对 a 元素没有帮助吗？

标签： html css

【解决方案1】：

仅当 Emulation 模式设置为 IE8 或更低时，IE Inspector 中的花线才会出现 - 因此表明当前模式不支持此属性。

但是，如果您在 Edge 模式下使用 IE11，则可能有一些元属性会强制兼容模式，例如

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

或者，也许您的 Windows 客户端默认配置为使用兼容模式，
请参阅此答案了解详情：
Internet Explorer 11 disable "display intranet sites in compatibility view" via meta tag not working

【讨论】：

这就是我正在查看的页面发生的情况。似乎该页面的前一个开发人员给我留下了这个凌乱的标签。谢谢你的回答。
这只是发生在我身上。这是一个配置为与 IE7 兼容的 ASP.NET 页面。是的，你没看错，IE7 于 2006 年发布。如果没有正式的测试过程来证明页面仍然可以工作，我也无法更改它！ :-o

【解决方案2】：

尝试通过设置（齿轮图标）> 兼容性视图设置> 取消选中“在兼容性视图中显示 Intranet 站点”复选框来禁用 IE11 的兼容性视图。

【讨论】：