Zwischenspeicherung von Hintergrundbildern unter ie6_HTML/Xhtml_web-Seitenproduktion

Fehler im CSS-Hintergrundbild flackert unter IE6 (Hintergrundbild-Caching-Problem unter IE6)

Das Hintergrundbild unter IE6 sendet die Anfrage jedes Mal erneut, wenn es verwendet wird (nicht lokal). Selbst bei einem Hover-Effekt befindet sich das gleiche Hintergrundbild nur an einer anderen Position, und IE6 sendet die Anfrage erneut Das Problem muss gelöst werden:
Für den IE ist filter:expression sehr leistungsfähig und kann viele Funktionen implementieren. Für Programmierer, die Effizienz als ihr Leben betrachten, ist die Effizienz jedoch nicht schmeichelhaft, sodass einige Leute CSS-Methoden verwenden um dies zu erreichen. Hintergrundbild-Caching unter IE6, aber diese Art von Leuten bewundern einfach die Leistungsfähigkeit von Microsoft:

Kopieren Sie den Code

Der Code lautet wie folgt:

html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} Natürlich der Nachteil: Es kann das Laden verlangsamen Geschwindigkeit der gesamten Seite

Die meisten Leute wählen die zu implementierende js-Methode:

Kopieren Sie den Code

Der Code lautet wie folgt:

Nachteile: Wenn bei der Ausführung unter Browsern wie Firefox ein Fehler auftritt.

Sie müssen also feststellen, ob es sich um einen IE-Browser handelt. Die von jQuery bereitgestellte Bestimmungsmethode lautet wie folgt:

Kopieren Sie den Code

Code wie folgt:

Eine einfachere Möglichkeit besteht darin, die bedingten Kommentare des IE zu verwenden:

Kopieren Sie den Code

Der Code lautet wie folgt: