IE6 background Picture not caching problem solution and picture use strategy multiple methods summary _javascript skill

Workaround one: IE6 hack script

Copy Code code as follows:

<script>
if (navigator.appname = = "Microsoft Internet Explorer") {
var b_version=navigator.appversion;
var version=b_version.split (";");
var trim_version=version[1].replace (/[]/g, "");
if (trim_version== "MSIE6.0") {
;//alert ("IE 6.0");
try {
Document.execcommand ("Backgroundimagecache", false, fix);
}catch (err) {}
}
}
</script>

Workaround two: IE6 hack annotation

Copy Code code as follows:

<!--[if IE 6]>
<script type= "Text/javascript" ><!--
Document.execcommand ("Backgroundimagecache", false, true);
--></script>
<! [endif]-->

Solution three: IE6 hack style

Copy Code code as follows:

HTML {}
{
Filter:expression (Document.execcommand ("Backgroundimagecache", False, true));
}

However, the above methods can not solve the problem of using innerHTML in the image, Microsoft Official explanation reference: http://support.microsoft.com/default.aspx?scid=kb;en-us;319546

Solves the problem that the background picture caches, the use of the Web picture can be defined with the background-image of the CSS, and use the cache only to visit once. For the IMG tag, some sites adopt a 1 pixel gif image as the SRC value, which means that the content is defined by the style class as:

Copy Code code as follows:

. yahoo
{
Background:url (' img/yahoo.png ') no-repeat;
width:16px;
height:16px;
}

The problem with using pictures in Web applications is the number of times a picture is requested, the size of the picture, and the clarity of the picture.