3 Lösungen für den normalen Betrieb von HTML5+CSS3-Websites mit niedrigeren Versionen von IE_Experience Exchange

Wenn wir bei der Entwicklung beispielsweise die Mindeststandards einhalten und nicht alle Funktionen nutzen, die IE6 nicht unterstützt, besteht keine Notwendigkeit, diesen Artikel zu schreiben, aber ich denke, diese Situation ist sehr selten In modernen Browsern wird mehr entwickelt. Verwenden Sie die von ihnen unterstützten Funktionen und führen Sie bei frühen Browsern eine gewisse Downgrade-Verarbeitung durch. Dies ist die sogenannte „progressive Verbesserung“, auf die sich auch dieser Artikel konzentriert. Durch die folgende Methode hoffe ich, dass die Website auf wundersame Weise auf niedrigeren Versionen von IE-Browsern besser läuft!
htmlshiv.js
Remys HTML5shiv verwendet JavaScript, um HTML5-Elemente (wie Hauptzeile, Kopfzeile, Fußzeile usw.) zu erstellen. Mit JavaScript erstellte Elemente sind bis zu einem gewissen Grad anpassbar. Wir könnten viel Zeit damit verbringen, darüber nachzudenken, wie das funktioniert, aber wen interessiert das? Diese Strategie ist immer noch ein Muss auf allen Produkt-Websites.

Code kopieren Der Code lautet wie folgt:

selectivizr. js
Selectivizr.js ist eine unglaubliche Ressource zum Auffüllen nicht unterstützter CSS-Selektoren und -Eigenschaften, einschließlich des wichtigen letzten untergeordneten Elements. In einem kürzlich durchgeführten Redesign habe ich selectivizr eingebettet und keine Details zu älteren IE-Browsern verpasst. Das Folgende ist mein Implementierungscode:

Code kopieren Der Code lautet wie folgt:

"en">

Die obige Methode wird auf CSS angewendet, um einige Stilunterschiede für jede IE-Version zu schreiben. Bestimmen Sie zunächst, welche IE-Version der Benutzer verwendet, und fügen Sie dann die Klasse dieser Version zum Etikett hinzu, was das Hacken erleichtern kann.

Dann können wir so in die CSS-Datei schreiben:

Kopieren Sie den Code Der Code lautet wie folgt:

.ie6 xxx {};
.ie7 xxx {};

Dies ist die effizienteste Methode, die derzeit vom Herausgeber in Betracht gezogen wird. Diese Methode erfordert kein JavaScript und wartet auch nicht darauf erfordert keine schwere JavaScript-Bibliothek. Die von Ihnen definierte Stilklasse wird sofort wirksam und es gibt noch keinen Begrüßungsbildschirm.

Obwohl der IE-Browser mit seinen Konkurrenten gleichzieht, bringt die neue Version des IE auch sehr große Änderungen mit sich, und wir hoffen, den neuen IE nutzen zu können, um das Netzwerkerlebnis neu zu gestalten. Aber die alte Version des IE ist im Land immer noch relativ beliebt. Die gute Nachricht ist, dass diese Ressourcen auf allen modernen Browsern gut funktionieren und nicht viel kosten!