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

JavaScript-Entwurfsmuster, Proxy-Muster lernen

Inhaltsverzeichnis Überblick Durchführung Schutz-...

Eine kurze Analyse zum Upgrade von PHP 5.4 auf 5.6 in CentOS 7

1. Überprüfen Sie die PHP-Version nach dem Aufruf...

Einige allgemeine Eigenschaften von CSS

CSS-Hintergrund: background:#00ffee; //Hintergrund...

MySQL Installations-Tutorial unter Windows mit Bildern und Text

Anweisungen zur MySQL-Installation MySQL ist ein ...

Der Unterschied zwischen Animation und Übergang

Der Unterschied zwischen CSS3-Animation und JS-An...

Implementierung von Portalen und Fehlergrenzbehandlung in React

Inhaltsverzeichnis Portale Fehlergrenzenbehandlun...

Eine kurze Erläuterung der Größeneinheiten in CSS

Die Kompatibilität der Browser wird immer besser....

Detaillierte Erklärung asynchroner Iteratoren in nodejs

Inhaltsverzeichnis Vorwort Was sind asynchrone It...

Designreferenz Schönes und originelles Blog-Design

Alle unten aufgeführten Blogs sind originell und ...