Hintergrundbild-Cache unter IE6

Hintergrundbild-Cache unter IE6

Fehler beim Flackern des CSS-Hintergrundbilds in IE6 (Problem mit dem Cache des Hintergrundbilds in IE6)

IE6 sendet die Anfrage für jedes Hintergrundbild (nicht lokal) bei jeder Verwendung erneut. Selbst wenn ein Hover-Effekt auftritt, befindet sich das gleiche Hintergrundbild nur an einer anderen Position, und IE6 sendet die Anfrage erneut. Dieses frustrierende Problem muss gelöst werden:
Für IE ist filter:expression sehr leistungsstark und kann viele Funktionen realisieren. Für Programmierer, die Effizienz als ihr Lebensinhalt betrachten, ist diese Leistung jedoch nicht zufriedenstellend. Daher verwenden manche Leute die CSS-Methode, um das Zwischenspeichern von Hintergrundbildern unter IE6 zu realisieren, aber diese Leute bewundern einfach die Leistungsfähigkeit von Microsoft:

Code kopieren
Der Code lautet wie folgt:

html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} Der Nachteil besteht natürlich darin, dass dadurch die Ladegeschwindigkeit der gesamten Seite verlangsamt werden kann.

Die meisten Leute werden zur Implementierung die JS-Methode wählen:

Code kopieren
Der Code lautet wie folgt:

<Skripttyp = "Text/Javascript">
document.execCommand("BackgroundImageCache", false, true);
</Skript>

Nachteile: Bei der Ausführung in Browsern wie Firefox treten Fehler auf.

Sie müssen also feststellen, ob es sich um einen IE-Browser handelt. Verwenden Sie dazu die folgende von jQuery bereitgestellte Beurteilungsmethode:

Code kopieren
Der Code lautet wie folgt:

<Skripttyp = "Text/Javascript">
wenn ($.browser.msie) {
document.execCommand("BackgroundImageCache", false, true);
}
</Skript>

Ein noch einfacherer Ansatz besteht darin, die bedingten Kommentare des Internet Explorers zu verwenden:

Code kopieren
Der Code lautet wie folgt:

<!--[wenn IE 7]>
<script>document.execCommand("BackgroundImageCache",false,true);</script>
<![endif]-->

<<:  Verwenden Sie CSS-Mischmodi und SVG, um die Farbe Ihrer Produktbilder dynamisch zu ändern

>>:  So verwenden Sie IDEA, um ein Webprojekt zu erstellen und es auf Tomcat zu veröffentlichen

Artikel empfehlen

Verwendung der JavaScript-Sleep-Funktion

Inhaltsverzeichnis 1. Schlaffunktion 2. setTimeou...

mysql 5.7.11 winx64 anfängliche Passwortänderung

Laden Sie die komprimierte Version von MySQL-5.7....

Eine kurze Diskussion über die binäre Familie von JS

Inhaltsverzeichnis Überblick Klecks Blob in Aktio...

js realisiert das dynamische Laden von Daten durch Wasserfallfluss

In diesem Artikel erfahren Sie den spezifischen C...

Implementierung der Multi-Environment-Konfiguration (.env) des Vue-Projekts

Inhaltsverzeichnis Was ist eine Multiumgebungskon...

Zusammenfassung verschiedener Methoden zur MySQL-Datenwiederherstellung

Inhaltsverzeichnis 1. Einleitung 2. Direkte Wiede...

Detaillierte Erklärung der Docker-Nutzung unter CentOS8

1. Installation von Docker unter CentOS8 curl htt...

Webdesign-Tutorial (1): Schritte und Gesamtlayout

<br /> Hinweis: Alle Texte, mit Ausnahme der...

FTP-Remoteverbindung zu Linux über SSH

Installieren Sie zunächst SSH in Linux. Nehmen Si...

Einfache Verwendung des Vue-Busses

Einfache Verwendung des Vue-Busses Beschreibung d...