发新话题
打印

使用CSS预加载background图片文件

使用CSS预加载background图片文件

  预加载css中background的图片文件,经常用于hover状态下切换时,图片载入跟不上切换速度导致的短暂空白,使用以下css,给需要预加载的元素加上preload-images类即可。
代码:
.preload-images {
        background: url(image-01.png) no-repeat -9999px -9999px;
        background: url(image-01.png) no-repeat -9999px -9999px,
                    url(image-02.png) no-repeat -9999px -9999px,
                    url(image-03.png) no-repeat -9999px -9999px,
                    url(image-04.png) no-repeat -9999px -9999px,
                    url(image-05.png) no-repeat -9999px -9999px;
}
注意加上preload-images类的元素不能是隐藏状态。

TOP

发新话题