Board logo

标题: 使用CSS预加载background图片文件 [打印本页]

作者: 南北    时间: 2017-12-5 10:26 AM     标题: 使用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类的元素不能是隐藏状态。




欢迎光临 三思屋 (http://3sv.ktsee.com/) Discuz! 6.0 Lite