Background image cache under IE6

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:

<script type='text/javascript'>
document.execCommand("BackgroundImageCache", false, true);
</script>

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:

<script type='text/javascript'>
if ($.browser.msie) {
document.execCommand("BackgroundImageCache", false, true);
}
</script>

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

Copy code
The code is as follows:

<!--[if lt IE 7]>
<script>document.execCommand("BackgroundImageCache",false,true);</script>
<![endif]-->

<<:  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

Recommend

Compatibility issues when inserting audio files in HTML and playing them in browsers

Let's talk about some problems I have encounte...

Nodejs implements intranet penetration service

Table of contents 1. Proxy in LAN 2. Intranet pen...

Detailed steps for Navicat to remotely connect to SQL Server and convert to MySQL

Preface Recently, I encountered a program using S...

How to use resident nodes for layer management in CocosCreator

CocosCreator version: 2.3.4 Most games have layer...

Docker data volume common operation code examples

If the developer uses Dockerfile to build the ima...

Detailed tutorial for installing MySQL 8.0.11 compressed version under win10

After reinstalling my computer recently, I downlo...

Vertical and horizontal splitting of MySQL tables

Vertical Split Vertical splitting refers to the s...

Detailed explanation of the usage and differences between indexes and views in MySQL

Preface This article mainly introduces the use an...

How to use JS to implement waterfall layout of web pages

Table of contents Preface: What is waterfall layo...

How to convert rows to columns in MySQL

MySQL row to column operation The so-called row-t...

Detailed process analysis of docker deployment of snail cinema system

Environmental Statement Host OS: Cetnos7.9 Minimu...

Example of disabling browser cache configuration in Vue project

When releasing a project, you will often encounte...

Solution to Docker image downloading too slowly

Docker image download is stuck or too slow I sear...

Share a Markdown editor based on Ace

I think editors are divided into two categories, ...

Solution to the error reported by Mysql systemctl start mysqld

Error message: Job for mysqld.service failed beca...