栏目:Java Web(<--点此查看更多)Java Web 开发相关技术及框架,JSP|Servlet|Javabean|SSH|EJB|HTML|CSS|JavaScript等
  • 通过 JS 方式解决 IE6 下背景图片不缓存的问题

  • Fri May 31 01:47:53 CST 2013 编程者 我要收藏(...) 评论 ...
  • 通过 JS 方式解决 IE6 下背景图片不缓存的问题
  • 最近在项目中遇到了一个问题:由于需要通过 zTree 实现了一棵树型菜单,节点有二三千个。虽然 zTree 已经通过背景定位的方式来减少了树节点图片的加载次数(正常仅需一次),但在 IE6 下确起不到应有的效果,浏览器仍然提示有几千个图片在加载中 ... 对程序性能和用户体验造成了极大的影响。

    经了解是由于 IE6 对背景图片的缓存问题造成的,CSS 里面坐标的每次改变都会重新加载图片,菜单展开/折叠(元素显示/隐藏)的时候也会重复加载背景图片,造成图片的请求加载次数成几何级增长。对于上千个节点的菜单来说几乎是毁灭性的。

    最有采用在页面中加入 JS 代码的方式解决了问题。

    // 用于在 IE 6 下告诉浏览器要缓存背景图片,不要每次都请求服务器重新装载。

    window.onload = function (){document.execCommand("BackgroundImageCache",false,true);}

  • 信息来源:http://www.bianchengzhe.com (举报这篇文章)
  • 好评(...) 中评(...) 差评(...)