Zwingende Inline-Stil funktioniert nicht in Edge-

Question

Eine Seite, die ich erstellt haben, verhält sich (zu und IE) seltsam in MS Edge-Browser: http://bristolenergynetwork.org/

Auf dem Elementkopf # fancy-Header das Stylesheet css von Hintergrund-size: Wichtig! sollte den Inline-Stil von background-size: cover übergehen. Edge-Entwicklertools zeigen Letzteres als durchgestrichen an, was darauf hindeutet, dass es außer Kraft gesetzt wird, aber es ist nicht so, wie das Banner unter dem Logo und dem Menü erscheinen sollte, wie es bei Chrome der Fall ist. Wenn Sie den durchgestrichenen Stil deaktivieren, sieht die Website so aus, als würde sie vorschlagen, dass die Überschreibung nicht stattfindet, wie es die Entwickler-Tools vorschlagen.

Ist das ein Bug in Rand oder etwas anderes ist dieses Verhalten verursacht? Vielen Dank!

Answer 1

Versuchen Sie, die Eigenschaft zu erben zu ändern, es funktioniert für mich.

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

Sie können die verschiedenen Hintergrund Leimeigenschaft bei http://www.w3schools.com/cssref/css3_pr_background-size.asp