IE11 DOM Explorer 红色下划线 - 为什么？

Question

我想问一下，为什么IE11在我的项目中不显示border-radius、justify-content和align-items。

当我创建新的 .html 页面时，这些标签是受支持的。但不在我的项目中。你能帮我解决一下吗？ Mozilla Firefox 正确显示它，并且 DOM 资源管理器没有给我任何错误消息。

Answer 1

Internet Explorer 10 和 11 使用波浪形的红色下划线表示无效规则。

显然，这些都是有效的规则，所以通过 John Schneider 引用 this article

当我在 IE11 的内置 F12 开发人员工具中查看页面上使用的 CSS 样式时，我注意到我的表单封闭 div 上的border-radius 属性存在，但它缺少启用/禁用复选框，并且样式名称带有红色波浪线下划线，好像 IE 无法识别它。似乎 IE11 的行为就像一个无法识别新 CSS 属性的旧版浏览器。

事实上，这确实是问题所在。 IE11 使用其传统的“兼容性视图”引擎呈现表单（在我的本地 IIS 上运行），默认情况下它配置为用于 Intranet 站点。 （奇怪的是，我的 IE11 没有使用兼容性视图来呈现我试图用来调试通过“localhost”域加载 IE 的问题的表单的另一个副本，这让我困惑了一段时间。）

解决方案是通过设置（齿轮图标）> 兼容性视图设置> 取消选中“在兼容性视图中显示 Intranet 站点”复选框来禁用 IE11 的 Intranet 站点兼容性视图。立即进行配置更改让 IE11 开始正确呈现页面。

Answer 2

您的浏览器可能与旧版浏览器处于兼容模式。

按 F12 - 并检查它使用的是哪个版本。