Html IE11忽略内联CSS

此处正在开发的场地：

CMS允许逐页添加内嵌CSS。此CSS在加载所有其他.CSS文件后添加到页面中

IE11忽略了这种风格，尽管它在8、9、10、Edge和所有其他版本（Chrome、Firefox、Safari等）中都可以使用

内联CSS是：

<style>
/* CMS Page about CSS */
main {background: #d70055;}
</style>

/*关于CSS的CMS页面*/
主要{背景：#d70055；}

并在加载所有css文件后位于中

有趣的是，inspect元素用复选标记显示背景，它位于列表的顶部，表示它具有最高优先级

没有不透明元素覆盖该元素

我尝试过的一些事情： !重要的 删除评论 添加其他新行 使用rgba

完全彻底地解决问题。

这应该可以：

main {
    display: block;
    background: #d70055;
}

IE不会将未知类型的元素视为块元素-就像在本例中一样。

这应该可以：

main {
    display: block;
    background: #d70055;
}

---

---

IE不将未知类型的元素视为块元素-就像在本例中一样。

不幸的是IE11不支持新的

html语义元素。

不幸的是IE11不支持新的

html语义元素。

使用背景色怎么样？嗯。。。你试过梅因吗？（id css selector）@nevermind No.我正在加载respond.js，也许这就是为什么8、9和10可以工作的原因。我想Win10上的Edge之所以能工作，是因为它是一个合适的浏览器……另一个避免通过元素名和类来设置样式的原因。嘿@CraigJacobs——是的，你的观点是正确的。但是，如果只通过类名设置样式，则会使它们更易于重用和记忆。它可能不适用于“主”元素，而适用于跨度或div。使用背景色如何？嗯。。。你试过梅因吗？（id css selector）@nevermind No.我正在加载respond.js，也许这就是为什么8、9和10可以工作的原因。我想Win10上的Edge之所以能工作，是因为它是一个合适的浏览器……另一个避免通过元素名和类来设置样式的原因。嘿@CraigJacobs——是的，你的观点是正确的。但是，如果只通过类名设置样式，则会使它们更易于重用和记忆。它可能不适用于“主要”元件，而适用于跨度或分区。正确；您需要

display:block

，因为IE不像其他浏览器那样在其浏览器默认样式表中包含此项。这很有效。你知道为什么8，9，10没有这个就行吗？我正在使用html注释方法加载respond.js，也许这与此有关？只要它能正常工作并不重要，但很奇怪…@CraigJacobs实际上是你的

modernizer.custom.26434.min.js

文件在早期版本的IE中纠正了这一点。它为大多数现代浏览器已经具备的常见HTML5元素提供了一定程度的识别。它只是没有确定IE11需要执行这种补偿。我担心这些“现代化”Java脚本都无法弥补HTML5元素的所有缺陷。它们随着每一次新的浏览器颠覆而改变。为旧版本构建它们并在新版本发布时进行更新的工作量要少得多；您需要

display:block

，因为IE不像其他浏览器那样在其浏览器默认样式表中包含此项。这很有效。你知道为什么8，9，10没有这个就行吗？我正在使用html注释方法加载respond.js，也许这与此有关？只要它能正常工作并不重要，但很奇怪…@CraigJacobs实际上是你的

modernizer.custom.26434.min.js

文件在早期版本的IE中纠正了这一点。它为大多数现代浏览器已经具备的常见HTML5元素提供了一定程度的识别。它只是没有确定IE11需要执行这种补偿。我担心这些“现代化”Java脚本都无法弥补HTML5元素的所有缺陷。它们随着每一次新的浏览器颠覆而改变。为旧版本构建它们并在新版本发布时更新它们的工作量要少得多。这是正确的答案，来源：downvoter请解释一下他的行为好吗？我没有否决你的答案，因为你在技术上是正确的。然而，IE11仍然能够使用用户定义的CSS呈现非标准元素。IE11无法识别的任何元素都将使用

display:inline进行渲染。IE中的自定义元素一直是允许的，这是一个补偿应用于这些元素的默认CSS的问题。我对你的评论投了赞成票，因为这是真的，但我接受了@keamort answer，因为它解决了问题。主元素在那里，并呈现-它只是没有正确的样式，因为浏览器没有将其视为块级元素。main{display:block}修复了这个问题。这是正确的答案，来源：我没有否决你的答案，因为你在技术上是正确的。然而，IE11仍然能够使用用户定义的CSS呈现非标准元素。IE11无法识别的任何元素都将使用
display:inline进行渲染。IE中的自定义元素一直是允许的，这是一个补偿应用于这些元素的默认CSS的问题。我对你的评论投了赞成票，因为这是真的，但我接受了@keamort answer，因为它解决了问题。主元素在那里，并呈现-它只是没有正确的样式，因为浏览器没有将其视为块级元素。main{display:block}修复了这个问题。