Ich habe dieses seltsame Problem mit IE9, wo es bestimmte CSS-Regeln selbst ignoriert. Selbst IE8 lädt es korrekt. So auch IE 10 und all die besseren Browser wie FF und Chrome.
Die CSS wird mit "text / css" MIME geladen.
Zum Beispiel
Diese Regeln werden vom IE9 nicht angewendet. Ich kann diese Regeln nicht in der CSS-Registerkarte der Entwicklersymbolleiste finden.
%Vor%Das relevante HTML:
%Vor%Was könnte falsch sein?
UPDATE Dies ist der Doctype, den ich verwende, wenn es hilft.
%Vor%Endlich hat sich das Problem gelöst. IE kann nicht mehr als 4096 Selektoren in einem Stylesheet verarbeiten. Daher ignorierte es alle Stilregeln, nachdem es sein Limit von 4096 Selektoren erreicht hatte.
Nachdem die CSS-Datei in zwei separate Dateien aufgeteilt wurde, wurde das Problem behoben.
Vergewissern Sie sich, dass der IE nicht im Kompatibilitätsmodus ausgeführt wird. Ich hatte schon einmal ein ähnliches Problem, das dazu führte, dass IE9 so rendert, als wäre es IE7. Ich habe den Kompatibilitätsmodus deaktiviert und alle meine Probleme wurden gelöst! Wenn dies der Fall ist, können Sie den IE dazu zwingen, ohne den Kompatibilitätsmodus zu rendern, indem Sie das folgende Meta-Tag in Ihrem Kopf verwenden (gehen Sie in den Kopf und schauen Sie, ob es das Problem für Sie löst):
%Vor%Zunächst ist Ihr Doctype nicht für HTML5 gültig
Ersetzen Sie Ihren vorhandenen Doctype, dies könnte helfen
& lt;! doctype html & gt; & lt; html lang="fr" & gt; & lt; -! fr wenn Ihr Text auf Französisch "Sv" ist, wenn Ihr Text auf Schwedisch ist - & gt;
Dann sieht das CSS-Ergebnis zwar korrekt aus, aber keines der aufgerufenen css kann angewendet werden, weil es nicht in dem HTML-Auszug enthalten ist, den Sie hier haben.
Das Hauptproblem hierbei ist, dass Ihre Doctype-Deklaration die Verwendung einer Klassenbezeichnung auf dem HTML-Tag nicht unterstützt. Ich habe den Code, den Sie mit den richtigen Tags für Kopf, Körper usw. versehen haben, ausgearbeitet und den W3C-Validator durchlaufen. Informationen zurückgegeben:
Fehler Zeile 2, Spalte 64: Es gibt kein Attribut "Klasse" ...="http://www.w3.org/1999/xhtml" class="js no-touch borderradius boxshadow Text ...
>
Sie haben das oben genannte Attribut in Ihrem Dokument verwendet, aber der von Ihnen verwendete Dokumenttyp unterstützt dieses Attribut für dieses Element nicht.Dieser Fehler wird oft durch die falsche Verwendung des Dokumenttyps "Strict" mit einem Dokument verursacht, das Frames verwendet ( zB müssen Sie den Dokumententyp "Transitional" verwenden, um das Attribut "target" zu erhalten, oder herstellereigene Erweiterungen wie "marginheight" verwenden (dies wird normalerweise mithilfe von CSS behoben, um stattdessen den gewünschten Effekt zu erzielen).
< br> Dieser Fehler kann auch dann auftreten, wenn das Element selbst in dem von Ihnen verwendeten Dokumenttyp nicht unterstützt wird, da ein nicht definiertes Element keine unterstützten Attribute besitzt, in diesem Fall finden Sie weitere Informationen in der Fehlermeldung zu element-undefined.
Unabhängig von diesem Problem (obwohl Sie es unbedingt ansprechen sollten), fügen Sie "overflow: hidden;" Ihre Deklaration für .B2B .info_cart sollte dazu führen, dass Ihre Stile in der Entwicklerkonsole sowohl unter "trace" als auch "compressed" angezeigt werden -
%Vor%Lassen Sie mich wissen, wie das für Sie funktioniert. Das ist alles, was ich mit dem tun kann, was Sie bisher zur Verfügung gestellt haben.
Tags und Links html internet-explorer css internet-explorer-9