登录社区云,与社区用户共同成长
邀请您加入社区
2种情况下,背景图不显示(空白)、部分显示的问题。
笔者遇到过2种情况。
现象: 背景图链接如果跨域了,部分浏览器(包括Chrome)不显示图片,导致出现一片白板等。 解决: 改用<img src=""/>标签进行等效处理。
<img src=""/>
现象:因为页面有多个动画效果,导致body背景图在苹果手机上,大概率加载不出来,或者只加载中间一部分。 定位出来问题的原因,是动画效果(infinite)影响了背景图的渲染。
当时的解决办法:让所有动画延迟1s播放。
display: inline-block; animation-delay: 1s
为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。
更多推荐
Python文本统计与分析:从基础到进阶
Redis开源社区持续壮大,华为云为Valkey项目注入新的活力
教你用Perl实现Smgp协议
扫一扫分享内容
所有评论(0)