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

Grundlegende Hinweise zu HTML (empfohlen)

1. Grundstruktur der Webseite: XML/HTML-CodeInhal...

So fügen Sie Anführungszeichen in HTML-Titel ein

<a href="https://www.jb51.net/" titl...

MySql-Gruppierung und zufälliges Abrufen eines Datenelements aus jeder Gruppe

Idee: Einfach erst zufällig sortieren und dann gr...

Details zur MySQL-Transaktionsisolationsebene

serializable Serialisierung (kein Problem) Transa...

Samba-Serverkonfiguration unter Centos7 (tatsächlicher Kampf)

Samba Übersicht Samba ist eine kostenlose Softwar...

Zusammenfassung der Möglichkeiten zur Implementierung von Single Sign-On in Vue

Das Projekt wurde vor Kurzem ausgesetzt und die U...

So binden Sie einen Docker-Container an eine externe IP und einen externen Port

Docker ermöglicht die Bereitstellung von Netzwerk...

Ein kurzes Verständnis der drei Prinzipien zum Hinzufügen von MySQL-Indizes

1. Die Bedeutung von Indizes Indizes werden verwe...

VMware virtuelle Maschine installieren CentOS 8 (1905) System-Tutorial-Diagramm

Die weltberühmte virtuelle Maschinensoftware VMwa...

Nachteile und sinnvolle Verwendung des MySQL-Datenbankindex

Inhaltsverzeichnis Richtige Verwendung von Indize...