2012-04-05 11 views
7

Ich kompiliere mehrere Stylesheets zu einem Min-Stylesheet in einer Staging-Umgebung Die Styles werden lokal im IE angewendet, wobei jedes Stylesheet separat ist, aber nicht in der Staging-Umgebung im IE angewendet werden, wo die Stylesheets kompiliert werden in ein Min Stylesheet. Ich habe die Stylesheets über einen CSS-Validator laufen lassen und jedes Stylesheet durchlaufen und alle Syntaxfehler korrigiert, die ich gefunden habe. Ich muss nicht unbedingt wissen, wie ich das Problem lösen kann, ich möchte hauptsächlich wissen, wo das Problem besteht. Die IE-Entwicklertools geben mir keine Rückmeldung über das Problem, dass Stile nicht angewendet werden.IE keine Stile anwenden

Hier ist ein Link zur Anmeldeseite in der Staging-Umgebung: https://s-app.joinhere.com/manage/sessions/new. Die Stile sind im Stylesheet, sie werden im IE nicht angewendet. Hier ist ein Link zum kompilierten Min-Stylesheet: https://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css

Vielen Dank!

+1

Ich konnte es nur in IE 10 überprüfen und es sah gut aus für mich. Gibt es bestimmte Stile, die dein IE nicht angewendet hat ... oder war es die ganze CSS-Datei? – csupnig

+0

Ich habe gerade ein ähnliches Problem erlebt, muss es aber noch lösen. In IE9 CSS-Entwickler-Tool zeigt, dass es eine bestimmte Farbe auf einen Knoten anwendet, aber es ist eindeutig nicht. –

Antwort

10

Ich habe Ihre Seite versucht, und es funktioniert gut in Chrome. In IE9 sieht es jedoch komisch aus, als würden die CSS-Stile nicht wie beschrieben angewendet. Zum Beispiel wird der Stil body#manage-sessions #main_container #login_container nicht angewendet. Ich schaute auf den CSS-Tab in den Entwicklertools, und es stellt sich heraus, dass der Stil nicht einmal da ist, was erklärt, wie es nicht funktioniert. Um herauszufinden, warum, habe ich den Netzwerk-Inspektor aus dem Entwickler-Tool und untersucht die Antwort, wenn IE9 das CSS lädt, und der Stil body#manage-sessions #main_container #login_container ist in der Tat in der Antwort. Dies führt mich zu der Annahme, dass die maximale CSS-Dateigröße für IE begrenzt sein muss. Es scheint, dass dies tatsächlich der Fall ist, wie beschrieben here. Anscheinend ignoriert der IE einfach zusätzliche Stile, wenn die CSS-Datei eine bestimmte Größe überschreitet. Das erklärt, warum alles funktioniert, wenn die CSS-Dateien getrennt sind und die Dinge auseinander fallen, nachdem Sie sie kombiniert haben. Um das Problem zu lösen, versuchen Sie, Ihre große CSS-Datei in zwei oder mehr kleinere aufzuteilen, die unter die IE-Grenze fallen, und sehen Sie, ob das Problem dadurch behoben wird.

+3

Stellt sich heraus, in IE werden nur die ersten 288kb in einer Datei gelesen und verarbeitet. Jegliches CSS nach 288kb wird ignoriert. Wir sind gerade bei ungefähr 450. Ich werde die Stile umstrukturieren müssen, um unter 288 zu kommen. Danke für die Antwort! –

+1

@ErikVanLankvelt Ja, Sie können immer auf IE zählen, um Ihnen lahme Probleme wie diese zu geben. Wie auch immer, wenn meine Antwort Ihnen geholfen hat, ziehen Sie bitte in Betracht, es zu akzeptieren. –

+1

Diese Lösung funktionierte für mich, aber es sieht so aus, als wäre die Grenze etwas niedriger, als ich es versuchte, also war ich überrascht, als es anfangs nicht funktionierte. Habe die Größe runter auf 230K und es hat immer noch nicht funktioniert. Letztendlich parsierte die ganze Datei bei 182 kein Problem. Was für ein nerviges Problem. Ich füge das zu meiner langen Liste von IE Kampfnarben hinzu. – Adam

1

Ich bin mir nicht sicher über Ihre persönliche Einrichtung, aber nichts < IE 10 kann nur 32 einzelne Stylesheets handhaben, alles danach wird immer noch in den Dev-Tools wie seine Arbeit angezeigt, aber seien Sie versichert, das 33 Stylesheet ist verpflichtet ein Leben des stillen Versagens.

Verwandte Themen