Background image cache under IE6

CSS background image flickering bug in IE6 (background image cache problem in IE6)

IE6 will re-send the request for each background image (not local) every time it is used. Even when there is a hover effect, the same background image is only in a different position, and IE6 will re-send the request. This frustrating thing needs to be solved:
For IE, filter:expression is very powerful and can realize a lot of functions. However, for programmers who value efficiency as their life, its efficiency is not satisfactory. Therefore, some people use CSS method to realize background image caching under IE6, but such people just admire the power of Microsoft:

Copy code

The code is as follows:

html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} Of course, the disadvantage is that it may slow down the loading speed of the entire page.

Most people will choose the js method to implement:

Copy code

The code is as follows:

Disadvantages: Errors will occur if executed in browsers such as Firefox.

So you need to determine whether it is an IE browser, using the judgment method provided by jQuery as follows:

Copy code

The code is as follows:

An even simpler approach is to use IE's conditional comments:

Copy code

The code is as follows:

<<: Use CSS blend modes and SVG to dynamically change the color of your product images

>>: How to use IDEA to create a web project and publish it to tomcat

Detailed explanation of uniapp painless token refresh method

Background image cache under IE6

Detailed explanation of uniapp painless token refresh method

HTML elements (tags) and their usage

Vue implements the question answering function

Detailed explanation of screen command usage in Linux

Steps to purchase a cloud server and install the Pagoda Panel on Alibaba Cloud

MySQL database deletes duplicate data and only retains one method instance

Summary of learning HTML tags and basic elements

Several ways to generate unique IDs in JavaScript

Mysql slow query optimization method and optimization principle

Detailed tutorial on installing Docker on CentOS 8.4

Recommend

9 code optimization tips to improve website usability that webmasters should pay attention to

Nodejs plug-in and usage summary

WeChat applet uniapp realizes the left swipe to delete effect (complete code)

JS implements Baidu search box

Win10 installation of MySQL 5.7 MSI version of the tutorial with pictures and text

html a link tag title attribute line break mouse hover prompt content line break effect

Binary Search Tree Algorithm Tutorial for JavaScript Beginners

HTML page jump and parameter transfer issues

How to configure Hexo and GitHub to bind a custom domain name under Windows 10

Analysis of the implementation principle of Vue instructions

MySQL SQL statement analysis and query optimization detailed explanation

The latest graphic tutorial of mysql 8.0.16 winx64 installation under win10

Vue realizes price calendar effect

How to start source code debugging of tomcat in Idea and enter into tomcat for debugging

Detailed tutorial on installing the jenkins container in a docker environment