html - 覆盖内联样式在 Edge 中不起作用

Question

我创建的网站在 MS Edge 浏览器(以及 IE)中表现异常: http://bristolenergynetwork.org/

在元素 header#fancy-header 中，background-size: intial !important 的样式表 css 应该覆盖 background-size: cover 的内联样式。 Edge 开发人员工具显示后者被划掉，表明它正在被覆盖，但它并不像在 Chrome 上那样应该出现在 Logo 和菜单下方。如果您取消选中划掉的样式，则该网站看起来应该表明没有按照开发人员工具的建议进行覆盖。

这是 Edge 中的错误还是其他原因导致了此行为？谢谢!

Answer 1

尝试将属性更改为继承，这对我有用。

 body.home header#fancy-header {
    background-size: inherit !important;
}

您可以在 http://www.w3schools.com/cssref/css3_pr_background-size.asp 找到不同的背景大小属性