博客讲述了在开发游戏APP时遇到的一个问题，即在黑夜模式下网页内容变暗。作者尝试了通过设置背景颜色无效后，改为使用背景图片，但发现仍存在问题。最终，作者找到了一个解决方案，即使用渐变背景色（linear-gradient）来避免颜色熏黑，同时减少了大量替换图片的工作量。这种方法虽然会增加一点渲染损耗，但在效率和效果上达到了平衡。作者欢迎其他开发者分享更好的解决方案。
最近项目是个游戏APP项目，里面的一个模块因为配置麻烦，技术方案改为了内部唤起webview去加载静态网页资源。测试的时候有台手机开启了黑夜模式，网页一下熏黑了，强写html，body的颜色无效，后面使用背景图片去遮底层，确实可以，但是上层的容器内部使用的偏白色的颜色都会变熏黑。（需求要求两种模式下页面表现一致，适配游戏为主）
准备第二天来使用背景全用UI给图片来代替，那适配多文字之类的高度去切换图片也太麻烦了吧，爆炸。第二天早上来，实验了下。背景用渐变去做，比如 background: #fff; 这样的，改为background: linear-gradient(to bottom, #fff, #fff);。这样会在渲染方面增加一点损耗，相比去改全部为图片去做背景，这点损耗也能接受吧。
如果大家有别的更好的方案，也欢迎留言告知哈哈哈。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
