html - IE11 忽略内联 CSS

Question

正在此处开发的网站:http://new.brushman.com/about/

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

IE11 忽略了样式，即使它适用于 8、9、10、Edge 和所有其他(Chrome、Firefox、Safari 等)

内联 CSS 是:

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

并且在之后所有的css文件都加载完毕

有趣的是，inspect element 显示背景时带有复选标记，它位于列表的顶部，表明它具有最高优先级。

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

我尝试过的一些事情: !重要的 删除评论 添加额外的新行 使用 rgba

完全彻底地难住了。

Answer 1

这应该有效:

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

IE 不会将未知类型的元素视为 block 元素 - 就像 the <main> element在这种情况下。