android动态图片做背景,在Android上添加动态内容后,背景图片变为纯色
我的目标是在网站内容后拥有完整的背景图片.我正在使用以下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;
无论显示什么图像(我尝试过多幅图像),都将根据图像显示为固定颜色:
发生这种情况时滚动时,底部会出现白色边框(停止滚动后立即填充颜色)
解决方法:
我通过使用以下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设置为:透明;在身体上.
标签:css,android
来源: https://codeday.me/bug/20191121/2048623.html
android动态图片做背景,在Android上添加动态内容后,背景图片变为纯色相关推荐
- c#图像处理、图片拼接、图片裁剪、图片缩放、图上添加形状、屏幕截图、图片反色、改变图片色彩度全解
全栈工程师开发手册 (作者:栾鹏) c#教程全解 using System; using System.Collections.Generic; using System.ComponentModel ...
- 通过Python在健康码,行程卡的截图上添加文字内容,省心省力
通过Python在健康码,行程卡的截图上添加文字内容,省心省力 最近几年,由于疫情的原因,学校经常要求家长,把健康码,通行卡等截图内容加上学生名字以及家长的名字或者电话号码后,发给学校:如此一来,就要 ...
- vue代码上传服务器后背景图片404解决方法
vue代码上传服务器后背景图片404解决方法 参考文章: (1)vue代码上传服务器后背景图片404解决方法 (2)https://www.cnblogs.com/Mrrabbit/p/7830944 ...
- 动态图GIF动态图怎么做?上传动态效果图到你的csdn?
动态图GIF动态图怎么做?上传动态效果图到你的csdn? 微信订阅号.CSND.博客等等很多地方都会用到GIF图,如何自己制作.这里直接提供工具. GIF工具下载:http://download.cs ...
- vue+webpack项目打包后背景图片加载不出来问题解决
vue+webpack项目打包后背景图片加载不出来问题解决 参考文章: (1)vue+webpack项目打包后背景图片加载不出来问题解决 (2)https://www.cnblogs.com/mica ...
- android工程换背景图片,Android初学者:用知乎Matisse开源项目制作更换应用背景图片功能...
前言 我搜索了下关于知乎Matisse的使用教程甚少,于是我就想着来做一个教程,这个教程是针对初学者的,因为我自己也是一个初学者,希望对各位刚刚接触Android开发的小伙伴有帮助! 关于Matiss ...
- 如何用html制作一个动态烟花,视频加烟花特效 视频如何制作烟花效果|视频上添加动态的焰火效果...
有句mmp不知当讲不当讲,今天竟然是孔子的诞辰,这样一算孔子很有可能是处女座呢!!当看到这条消息时我的内心是拒绝的,在我看来孔子的中庸思想表示的"平庸.折中.调和"明明是我们天秤座 ...
- 使用html5制作烟花的视频,视频加烟花特效 视频如何制作烟花效果|视频上添加动态的焰火效果...
有句mmp不知当讲不当讲,今天竟然是孔子的诞辰,这样一算孔子很有可能是处女座呢!!当看到这条消息时我的内心是拒绝的,在我看来孔子的中庸思想表示的"平庸.折中.调和"明明是我们天秤座 ...
- matlab2018在图片上添加文字并保存且图片没有白边
文章目录 图片添加文字并保存 去除白边 添加文字使用 text函数,难点在于保存,使用 getframe来捕获,然后使用 imwrite来保存,类似的教程网上很多,但是有的添加文字不是使用text函数 ...
最新文章
- 一文秒懂!Python字符串格式化之format方法详解
- CXF学习(4) 处理无法自动转换的复合数据类型
- uml 时序图_程序猿都应学习的语言:看 25 张图学 UML
- linux电脑关机后自动重启,Linux系统关机/重启
- 韩寒《三重门》精彩语录2
- 如何利用数据挖掘让RTB广告效果倍增?
- 机器学习笔记(一)-局部加权回归(Locally weighted regression)LWR
- 配色神器ColorCube
- Microsoft Edge浏览器使用时过滤网页广告弹窗等插件推荐---电脑初始维护
- 高德地图-绘制去程和回程路线
- TVS(瞬态抑制二极管)、Schottky(肖特基二极管)、Zener (齐纳二极管,也称稳压二极管)主要特点及区别和使用
- python 桌面程序自动化测试_对Windows桌面应用程序进行UI自动化测试
- 为什么用virtualbox 安装ghost 系统总是出现错误而导致无法安装?怎么解决?
- 尚硅谷python部分学习笔记
- 学习BLE蓝牙一个月总结
- linux游戏星际公民,鲜游快报:《星际公民》众筹破3.1亿美元 公布新视频展示新机制...
- 【Hbu数据库】第七周 数据库完整性 存储过程和函数
- 基于51单片机智能家居监控系统设计仿真(proteus仿真+源码+报告)
- DB2将DETACH下来的临时表ATTACH到分区表报错SQL20307N SQLSTATE=428GE
- 打开PowerShell时,显示Windows找不到文件怎么办