方法1：
父级，任意父级，非body级别，设置overflow:hidden可恢复和其他浏览器一样的渲染。
方法2：
以毒攻毒。有时候，页面复杂，我们不能给父级设置overflow:hidden，怎么办呢？
杨过的情花剧毒怎么解的？断肠草啊，另一种剧毒。这里也是类似。既然“穿越”的渲染问题是由3D transform变换产生的，那么，要解决此问题，我们也可以使用3D transform变换。
所以，我们要想让红色条子覆盖在图片上，只要设置一个足够大的translateZ值就可以，如100px：
.bar {
position: fixed;
z-index: 99;
/* 以毒攻毒 */
transform: translateZ(100px);
}
膜拜张大神https://www.zhangxinxu.com/wordpress/2016/08/safari-3d-transform-z-index/
