3 Lösungen, damit Ihre Website alte Versionen der Browser IE6, 7, 8 und 9 unterstützt
|
Obwohl Microsoft später viel Forschung und Entwicklung in den Browser gesteckt hat, hinkt der moderne IE-Browser oft den WebKit-basierten Browsern und Firefox hinterher. Wir müssen uns auch an frühere Versionen des Internet Explorers anpassen. Mit den folgenden Tipps wird Ihre Website schneller und läuft auf dem Flaggschiff-Browser von Microsoft sogar auf magische Weise besser! htmlshiv.js Remys HTML5shiv verwendet JavaScript, um HTML5-Elemente (wie Haupt-, Kopf- und Fußzeilen usw.) zu erstellen. Mit JavaScript erstellte Elemente sind bis zu einem gewissen Grad stilisierbar. Wir können viel Zeit damit verbringen, darüber nachzudenken, wie das funktioniert, aber wen interessiert das schon? Diese Strategie ist nach wie vor ein Muss auf allen Produktwebsites. Code kopieren Der Code lautet wie folgt:<!--[wenn IE 9]> <script src="dist/html5shiv.js"></script> <![endif]--> selectivizr.js Selectivizr.js ist eine unglaubliche Ressource zum Polyfilling nicht unterstützter CSS-Selektoren und -Eigenschaften, einschließlich des wichtigen letzten untergeordneten Elements. Bei einem kürzlichen Redesign habe ich selectivizr eingebettet und dabei keine Details zu älteren IE-Browsern übersehen. Hier ist mein Implementierungscode: Code kopieren Der Code lautet wie folgt:<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]--> Ein absolutes Muss für moderne Projekte. Wird nur im alten IE geladen <html> Bedingte Kommentare Sie müssen die unangenehmste Situation unten gesehen haben. Aber ob hässlich oder nicht, dieser Code funktioniert tatsächlich genau wie erwartet: Code kopieren Der Code lautet wie folgt:<!DOCTYPE html> <!--[if lt IE 7 ]> <html class="ie6" lang="de"> <![endif]--> <!--[if IE 7 ]> <html class="ie7" lang="de"> <![endif]--> <!--[if IE 8 ]> <html class="ie8" lang="de"> <![endif]--> <!--[if IE 9 ]> <html class="ie9" lang="de"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="de"> <!--<![endif]--> Dieser Codeausschnitt erfordert oder wartet nicht auf JavaScript und erfordert keine umfangreiche JavaScript-Bibliothek. Die von Ihnen definierte Stilklasse wird sofort wirksam, ohne Begrüßungsbildschirm. Obwohl der Internet Explorer im Vergleich zu seinen Konkurrenten aufholt, ist der ältere IE-Browser vor allem in Entwicklungsländern immer noch relativ beliebt. Die gute Nachricht ist, dass diese Ressourcen auf allen modernen Browsern hervorragend funktionieren und nicht viel kosten! |
<<: Eine detaillierte Einführung in die Betriebssystemebenen von Linux
>>: Über das Problem der vertikalen Zentrierung von img und span in div
Artikel empfehlen
CSS Clear Float Clear:Both Beispielcode
Heute werde ich mit Ihnen über das Löschen von Fl...
Beispiel für die Implementierung einer Paging-Funktion im Vue-Backend-Verwaltungssystem
In diesem Artikel wird hauptsächlich die Implemen...
Eine kurze Analyse der SpringBoot-Verpackung und des Hochladens in Docker sowie der Implementierung der Bereitstellung mehrerer Instanzen (IDEA-Version)
Kürzlich fragte mich ein Freund, ob ich schon ein...
CSS3 realisiert den verschiebbaren Zauberwürfel-3D-Effekt
Hauptsächlich verwendete Wissenspunkte: •CSS3 3D-...
Vergleich von 5 CSS-Scrolling-Ceiling-Implementierungsmethoden (Performance-Upgrade-Version)
Vorschau auf die überarbeitete Fassung Dieser Art...
Docker-Image-Erstellung und Paketierung und Bereitstellung des gesamten Projekts mit einem Klick
Einführung in allgemeine Dockerfile-Anweisungen A...
Prometheus überwacht MySQL mithilfe der Grafana-Anzeige
Inhaltsverzeichnis Prometheus überwacht MySQL übe...
Der Browser speichert die relevanten HTTP-Header im Cache, um die Anzahl der HTTP-Anfragen zu minimieren
Ich habe vor Kurzem die 34 goldenen Regeln von Yah...
Lösen Sie das Problem inkonsistenter Front- und Back-End-Ports von Vue
Die Front- und Back-End-Ports von Vue sind inkons...
Detaillierte Erklärung einiger häufig verwendeter Schriftgrößen, Schrifteinheiten und Zeilenhöhen in CSS
px (Pixel) Ich glaube, jeder ist mit dem Begriff ...
Detaillierte Erläuterung des Zeitdarstellungsbeispiels des Linux-Zeitsubsystems
Vorwort Um zum Originalcode kompatibel zu sein, b...
Chinesische Parameterbeschreibung und Verwendungsbeispiele für ffmpeg
1. Wenn ffmpeg Videodateien überträgt, können die...
So erstellen, speichern und laden Sie Docker-Images
Es gibt drei Möglichkeiten, ein Image zu erstelle...
Lösung für das 404/503-Problem beim Anmelden bei TeamCenter12
TeamCenter12 gibt das Kontokennwort ein und klick...
Docker löscht private Bibliotheksbilder vollständig
Werfen wir zunächst einen Blick auf die allgemein...