在谷歌浏览器中缩小时显示错误

Question

我在缩放网页时遇到问题。我已经绑定了鼠标滚轮，用鼠标进行动态缩放。背景的主要元素约为4000px。这是截图，它看起来如何：

当我想缩小时，要查看整个元素，一切都搞砸了（上下文菜单消失，背景图像丢失......）。这是缩小的截图：

这就是实际元素上的CSS：

element.style {
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate(-50%, -50%) translate3d(3145px, 1463.6364px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(5) scaleY(5) scaleZ(1);
  width: 1437.5561545372866px;
  height: 800px;
  cursor: inherit;
}
.bg-slide {
  background-color: transparent!important;
  background-image: none!important;
  z-index: -2;
  border: 0!important;
}

一定是chrome问题，但我不知道在哪里，因为它在firefox中运行良好，来自ff的截图：