Question

为什么我将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属性下面的红色虚线是否意味着它无法识别该属性？

Answer 1

仅当仿真模式设置为IE8或更低时，IE Inspector中的卷曲线才会出现 - 这表示此属性在当前模式下不会被超出。

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

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

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

Answer 2

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