html - 边框半径在 IE11 中不起作用

Question

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

当我尝试在我自己的自定义 HTML 文件中执行相同操作时:

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

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

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

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

Answer 1

只有当仿真模式设置为 IE8 或更低版本时，IE Inspector 中的 curl 线才会出现 - 因此表明该属性在当前模式下不受支持。

但是，如果您在边缘模式下使用 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