欢迎光临
我们一直在努力

解决ios所有浏览器切换背景时不能及时生效的问题

最近再做小说网站,小说阅读页有一个切换背景的功能,我们的背景都是图片,苹果手机切换背景时发现背景色没有变化,或偶尔变化,或多点几次后发生变化。最想了很多解决方案最终找到了解决方案

这是一篇没有代码的解决方案,只能说思路。

原来切换背景时我都是用js切换body的class   值  用不同的class切换 background-image的值

以上方式在苹果就会有问题

解决方案:

我的项目中有5个背景

我把5个背景都单独拿出来 不用body呈现了 , 用5个div去呈现  这里还是用background-image

页面加载时先把div加载出来不过css 样式  opacity: 0;   这个属性让元素透明了 (结果是元素已经完全加载完  只不过是透明的你看不见   不能用display: none😉

当切换背景时只需要把opacity  变成1 如  opacity :1

好了问题解决了

赞(0)
未经允许不得转载:自游互动 » 解决ios所有浏览器切换背景时不能及时生效的问题
分享到: 更多 (0)

自由技术,自由自在

项目合作联系我们