• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ie6下的背景图片缓存

    IE6下CSS背景图片闪烁的Bug(ie6下的背景图片缓存问题)

    IE6下的背景图片每次使用都会重新发送请求(非本地),连一个hover效果时候同样的背景图片仅仅位置不同而已,ie6都会再次发送请求,这个令人崩溃的事情需要解决掉:
    对于ie来说,filter:expression 很强大,能够实现的功能超级多,但是更对于视效率如生命的程序员来说,它的效率不敢令人恭维,所以有人会用css方法实现ie6下背景图片缓存,但是这种人也就是崇拜微软的强大而已:

    复制代码
    代码如下:

    html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} 当然缺点:可能会使整个页面的加载速度变慢

    大多数人都会选择js方法实现:

    复制代码
    代码如下:

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

    缺点:如果在firefox等浏览器下执行会出错。

    所以需要判断是否为IE浏览器,使用jQuery提供的判断方法如下:

    复制代码
    代码如下:

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

    更简单的就是使用IE的条件注释:

    复制代码
    代码如下:

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

    上一篇:网页速度优化一览
    下一篇:【网页设计】分享E-WebTemplates国外精美网页模板(FLASH+PSD源文件+HTML)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ie6下的背景图片缓存 ie6,下,的,背景图片,缓存,