记Chrome移动端浏览器渲染问题

[Hancoson]

前一段时间在开发H5页面中遇到一个奇葩的问题，在Chrome浏览器中通过改变页面状态，在其他浏览器中测试是正常的，但是在Chrome中页面中按钮的背景色渲染不出来，先来看看问题到底长什么样：
问题重现

查了一下，后来发现这个是渲染引擎的 bug 导致的问题。后来在网上查了一下，给当前元素css添加了transform: translateZ(0);，使用 3D 加速将这个渲染层隔离渲染。果然完美解决了。还是比较简单的。