Android webview加载img 或 background-image出现错乱的问题

最近开发网页用到如下css

.demo {
	background: #fff url(../img/qbank_stu_bandui.png) no-repeat center;
	background-size:1.47rem 1.35rem;
	width: 2.5rem;
	height: 2.5rem;
}

在浏览器显示都正常，但是在Android设备上当页面中图片多了，或者有数学公式的时候，加载完之后就会出现各种图片错乱。绝对的大坑啊！

查了很多资料，各种实验，终于找到了个解决方案！

在上述样式中添加如下的代码

-webkit-transform:translate3d(0,0,0);

意思是进行强制重绘

转载于
作者：wangliang0209
链接：https://www.jianshu.com/p/5b6c593dc2fc