2016-04-18 5 views
2

Ich möchte fragen, warum IE11 in meinem Projekt keine border-radius-, justify-content- und align-items anzeigt.IE11 DOM Explorer rote Unterstreichung - warum?

Wenn ich eine neue HTML-Seite erstelle, werden diese Tags unterstützt. Aber nicht in meinem Projekt. Können Sie mir bitte helfen, es zu lösen? Mozilla Firefox zeigt es richtig an und der DOM Explorer gibt mir keine Fehlermeldungen. enter image description here

+0

benötigen Sie den Code liefern – dippas

+0

Die unterstreichen vor allem für Grammatik in Text/Textbereich Eingänge verwendet wird, ist aber scheint, dass IE11 diese Attribute nicht in Ihrem CSS nicht erkennt. – Jer

Antwort

2

Internet Explorer 10 und 11 verwenden eine rote Unterstreichung, um ungültige Regeln anzuzeigen.

Offensichtlich sind diese geltenden Regeln so Referenzierung this article von John Schneider

Wenn ich die CSS-Stile im Einsatz auf der Seite in IE11 eingebauten in F12-Entwicklertools sah, bemerkte ich, dass die border-radius Eigenschaft auf dem umschließenden div meines Formulars war vorhanden, aber es fehlte das Kontrollkästchen zum Aktivieren/Deaktivieren, und der Name des Stils wurde mit einem roten Squiggle-Unterstrich angezeigt, als ob der IE ihn nicht erkannt hätte. Es schien fast so, als würde sich IE11 wie ein Legacy-Browser verhalten, der diese neuere CSS-Eigenschaft nicht erkannte.

In der Tat stellte sich heraus, genau das Problem zu sein. IE11 rendert das Formular (das auf meinem lokalen IIS ausgeführt wird) mit seiner alten "Compatibility View" -Engine, für die es standardmäßig für Intranet-Sites konfiguriert ist. (Seltsamerweise verwendete mein IE11 Compatibility View nicht zum Rendern einer anderen Kopie des Formulars, das ich verwenden wollte, um das Problem zu beheben, dass ich den IE über die Domäne "localhost" geladen hatte, was mich für eine Weile verwirrt hatte.)

Die Lösung war, die Kompatibilitätsansicht von IE11 für Intranetsites zu deaktivieren, indem Sie Einstellungen (Zahnradsymbol)> Kompatibilitätsansichtseinstellungen> Kontrollkästchen "Intranetsites in Kompatibilitätsansicht anzeigen" deaktivieren. Durch die sofortige Änderung dieser Konfiguration wurde IE11 veranlasst, die Seite richtig zu rendern.

+0

Leider ist die Einstellung meines IE11 in Ordnung. Der Kompatibilitätsmodus ist für Intranetsites nicht aktiviert. Gibt es einige bekannte Situationen, die diese Fehler beim CSS-Styling verursachen? Ich bin jetzt desperite. – vviston

+0

Haben Sie einen DOCTYPE deklariert? Es klingt, als würde etwas Ihren IE in den Nicht-Standard-Modus schieben. –

2

Ihr Browser befindet sich möglicherweise im Kompatibilitätsmodus zu einem älteren Browser.

Drücken Sie F12 - und prüfen Sie, welche Version verwendet wird.

enter image description here