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

Question

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

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

Answer 1

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

显然，这些是有效规则，因此this article

引用John Schneider

  

当我在IE11的内置F12开发人员工具中查看页面上使用的CSS样式时，我注意到我的表单的封闭div上的border-radius属性存在，但它缺少启用/禁用复选框，并且样式的名称以红色波浪线下划线显示，好像IE无法识别它。看起来好像IE11表现得像传统浏览器一样，不能识别新的CSS属性。

     

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

     

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

Answer 2

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

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