边界半径在IE11中不起作用

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中的卷曲线才会出现 - 从而表示此属性在当前模式下不会被超出.

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

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

或者,也许您的Windows客户端默认配置为使用comaptibility模式,
有关详细信息,请参阅此答案:
Internet Explorer 11禁用"在兼容性视图中显示Intranet站点",通过元标记无法正常工作