背景尺寸； Safari 9 上的奇怪行为答案

【问题标题】：Background-size ; strange behaviour on Safari 9背景尺寸； Safari 9 上的奇怪行为
【发布时间】：2017-12-02 10:17:57
【问题描述】：

我在这个网站上工作：http://novoayaburto.cl

主要的英雄背景图片在所有浏览器（也包括移动设备）上都能正常工作除了在 Mac OSX 10.11 上运行的 Safari 9 浏览器上的一个错误。

这是 Safari 上的错误的屏幕截图：

我正在使用 background-size:cover 来产生在所有其他浏览器上显示的预期行为（Safari 除外，它会显示损坏的图像）。

为什么这只发生在 Safari 上？我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

我检查了您的网站，在 safari 中 transform: translate3d(0px, 0px, 0px) 丢失。这就是它导致半像问题的原因。

在我放置这个 CSS 样式后，我在 safari 中看到了全尺寸的英雄图像。

【讨论】：