在Android上添加动态内容后,背景图片变为纯色

概述我的目标是在网站内容后拥有完整的背景图片.我正在使用以下CSS实现此目的：body{background:url(../img/bg.jpg)no-repeatcentercenterfixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-si

我的目标是在网站内容后拥有完整的背景图片.我正在使用以下CSS实现此目的：

body {    background: url(../img/bg.jpg) no-repeat center center fixed;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;}

我的问题是,尽管这在桌面上可以完美运行：

最初可在移动设备上运行：

Js引入新内容后：

posts.INNERHTML = newHTML + posts.INNERHTML;

无论显示什么图像(我尝试过多幅图像),都将根据图像显示为固定颜色：

发生这种情况时滚动时,底部会出现白色边框(停止滚动后立即填充颜色)

我该如何解决这些问题？如果您想查看所有代码,请访问GitHub：https://github.com/NickGeek/Campfyre

解决方法:

我通过使用以下CSS解决了这个问题：

HTML, body {    height: 100%;}HTML {    overflow-y: hIDden;}body {    overflow-y: scroll;    background-color:#000000;    background: url(../img/bg.jpg) no-repeat center center;    background-size: 100% 100%;}

这使我可以使用全尺寸的图像,而无需使用固定属性(在androID上已损坏)或cover属性也已损坏(无论我放置了什么元素).我还必须将background-color设置为：透明；在身体上.

总结

以上是内存溢出为你收集整理的在Android上添加动态内容后,背景图片变为纯色全部内容，希望文章能够帮你解决在Android上添加动态内容后,背景图片变为纯色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。