Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > body text

Background image caching under ie6_HTML/Xhtml_web page production

WBOY
Release： 2016-05-16 16:41:19
Original
1461 people have browsed it

Bug in CSS background image flickering under IE6 (background image caching issue under IE6)

The background image under IE6 will resend the request every time it is used (non-local). Even with a hover effect, the same background image is only in a different position, and IE6 will send the request again. This frustrating thing needs to be solved:
For IE, filter:expression is very powerful and can implement a lot of functions. However, for programmers who regard efficiency as their life, its efficiency is not flattering, so some people will use CSS methods to achieve it. Background image caching under IE6, but this kind of people just admire the power of Microsoft:

Copy the code
The code is as follows:

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

Most people will choose the js method to implement:

Copy the code
The code is as follows:



Disadvantages: If An error will occur when executing under browsers such as Firefox.

So you need to determine whether it is an IE browser. The determination method provided by jQuery is as follows:

Copy the code
Code As follows:



A simpler way is to use IE’s conditional comments:

Copy the code
The code is as follows:


Related labels：
ie6
source：php.cn
Previous article：Is the tag li a block-level element analysis_HTML/Xhtml_Web page production Next article：TD width problem when TD cells are merged_HTML/Xhtml_Web page production
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1899
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
10
2067
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1739
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1642
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1653
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template