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

最近开发网页用到如下css

.panduan_d .bandui_en {
background: #fff url(../img/qbank_stu_bandui.png) no-repeat center;
background-size:1.47rem 1.35rem;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
box-shadow: 0px 0px 40px #ccc;
float: left;
margin: 0 0.75rem;
margin-top: 10px;
}

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

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

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

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

意思是进行强制重绘