最近再做小说网站,小说阅读页有一个切换背景的功能,我们的背景都是图片,苹果手机切换背景时发现背景色没有变化,或偶尔变化,或多点几次后发生变化。最想了很多解决方案最终找到了解决方案
这是一篇没有代码的解决方案,只能说思路。
原来切换背景时我都是用js切换body的class 值 用不同的class切换 background-image的值
以上方式在苹果就会有问题
解决方案:
我的项目中有5个背景
我把5个背景都单独拿出来 不用body呈现了 , 用5个div去呈现 这里还是用background-image
页面加载时先把div加载出来不过css 样式 opacity: 0; 这个属性让元素透明了 (结果是元素已经完全加载完 只不过是透明的你看不见 不能用display: none😉
当切换背景时只需要把opacity 变成1 如 opacity :1
好了问题解决了