移动端 css Sprite 解决背景图加载问题

2018-04-17  本文已影响26人  张延伟

问题:有一个按钮,点击按下的效果和没按的效果不一样,我做了两张图切换,按下加一个class切换背景图,就发现中间有一个瞬间什么图都没有,再按又是好的。

分析:原因是刚开始进页面,按下的按钮的背景图没有加载,当我按下按钮开始加载,需要一点点时间,所以有一瞬间没有图,接着不会出现是因为这张图加载出来了。

解决:做一张雪碧图,把按下和没按的效果放在一张图里,那样页面一进来就加载完成,再切换时就不存在要去加载另一张图,就不会闪现没有的效果。

上一篇 下一篇

猜你喜欢

热点阅读