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

Vue2.0 implementiert adaptive Auflösung

In diesem Artikel wird der spezifische Code von V...

Detailliertes Tutorial zur Installation von MariaDB auf CentOS 8

Das Datenbankverwaltungssystem MariaDB ist ein Zw...

So verwenden Sie vs2019 für die Linux-Remote-Entwicklung

Normalerweise gibt es bei der Entwicklung von Lin...

Beispiel für die MySQL-Volltext-Fuzzy-Suche nach der Methode MATCH AGAINST

MySQL 4.x und höher bieten Unterstützung für die ...

Mehrere Möglichkeiten zum Senden von HTML-Formularen_PowerNode Java Academy

Methode 1: Absenden über den Absenden-Button <...

Implementierung der Formatierung von Partitionen und der Einbindung in Centos7

Unter Linux treten häufig Situationen auf, in den...

Manjaro-Installation CUDA-Implementierungs-Tutorial-Analyse

Ende letzten Jahres habe ich im Dualsystem meines...

Eine kurze Analyse der Unterschiede zwischen Undo, Redo und Binlog in MySQL

Inhaltsverzeichnis Vorwort 【Protokoll rückgängig ...

Implementierung von Platzhaltern und Escape-Zeichen in der Linux-Befehlszeile

Wenn wir Stapeloperationen für einen Dateityp aus...