美文网首页
移动端 css Sprite 解决背景图加载问题

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

作者: 张延伟 | 来源:发表于2018-04-17 11:46 被阅读26次

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

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

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

    相关文章

      网友评论

          本文标题:移动端 css Sprite 解决背景图加载问题

          本文链接:https://www.haomeiwen.com/subject/zsuukftx.html