+ -
当前位置:首页 → 问答吧 → IE7中图片缓存的问题,不是IE6哦。

IE7中图片缓存的问题,不是IE6哦。

时间:2010-05-21

来源:互联网

这个我真不知道,往哪个板块发。
暂且这儿吧。
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <style>
            .focus
            {
                background-image:url(image/1X20windowsTop.jpg);
                background-repeat:repeat;
            }
            .blur
            {
                background-image:url(image/1X20windowTopBlur.jpg);
                background-repeat:repeat;
            }
        </style>
        <script>

            function changeCssFocus()
            {
                document.getElementById("a").className = "focus";
            }
            function changeCssBlur()
            {
                document.getElementById("a").className = "blur";
            }
        </script>
    </head>
    <body>
        <div id="a" style="height:100px;width:400px;border:solid 1px #6699cc;" onfocus = "changeCssFocus()" onblur="changeCssBlur()">

        </div>
    </body>
</html>



我用JS控制div的背景图片A、B切换,A、B这两背景图片,已经被缓存在IE缓存中(IE7自动缓存背景图片嘛)。
但是,在使用JS控制样式,切换背景图片时,IE会发送一个GET请求到服务器,来确认浏览器中的背景图片缓存是否与服务器中的背景图片相同,确认相同后,返回304表示使用浏览器缓存。

而,我想要的过程是,不通过服务器确认,直接使用浏览器缓存。
这个该怎么控制?
http://toseeme.web.officelive.com/Default.htm
这是我测试的地址。
可以在这里明显的看到,背景图片切换时,有向服务器发送请求。
果断给100分。

作者: snailrain   发布时间: 2010-05-21

帮顶下吧。
没人回答,我就纯属散分了。

作者: snailrain   发布时间: 2010-05-21

纯顶,记得IE6可以用 document.execCommand("BackgroundImageCache", false, true);

作者: qq43695548   发布时间: 2010-05-21

IE6知道。
我这是IE7,IE7确实将背景图片缓存了,但是,它需要像服务器确认一下,缓存是否最新版本。
如果是,返回304,表示让浏览器使用浏览器缓存。
这个让我很头疼,我像让浏览不通过服务器验证,直接使用缓存。
我想这个肯定是可以实现的。

作者: snailrain   发布时间: 2010-05-21

帮顶!!!

作者: qiqishardgel   发布时间: 2010-05-22

没用过,帮顶吧.

作者: dahaidao   发布时间: 2010-05-22

图片一般没有缓存,只是加载数据的时候,有时比较慢,因为图片需要一帧一帧的绘制出来

作者: lieri111   发布时间: 2010-05-22

什么意思,你是说做出来的效果存在闪烁的情况?

作者: yoursWTR   发布时间: 2010-05-23

为什么还没有人回答?
LZ试过在head里面加上这些了么?

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />

作者: astar_ge   发布时间: 2011-08-02

热门下载

更多