使网页的背景图片不再抖动

日期：2017-06-16

最近做页面的时候参考了腾讯网的一个简单的CSS方法，把网页的所有背景图片做到一张图片上，用“background-postion”的方法反复从缓存调用这幅背景，以求增加网页访问速度，效果是出来了，但是在网速慢的时候出现了一个不爽的现象，切换标签的时候，背景出现了短暂的抖动（重新从服务器加载），但是看了看腾讯的页面却没出现这种情况，于是彻头彻尾地研究了下腾讯的CSS和HTML源码，发现了这句代码：

百度了一下，终于明白这句代码的奥妙所在：
网页第一次加载背景图片之后，浏览器都会从缓存读取背景图片；而IE6在这里有一个bug，它每次都从服务器端读取背景图片，这就造成了，即使按上面的思路设计的CSS，还是不能起到加快访问速度的效果，而这句代码就是起到从缓存读背景图片的效果。