require图片和background加载图片区别

Question

鼠标滑过更换hover图：
1，用div+css的background方式更换，会在首次hover的时候明显闪动（过程是：初始状态图片消失，变成hover状态图）；
2，用img的src引入的方式，根据hover状态require图片，过度丝滑，不会有闪动现象；
请问这是为什么

Answer 1

第一种方式只有样式生效时才会发起图片请求，这段请求时间内会有空窗期，出现题中的闪烁。
第二种方式一开始就require所有图片，所以图片已经被下载下来保存在运行内存中，所以使用的时候不需要请求，替换速度很快。
补充一点，第一种方式可用雪碧图解决闪烁问题