背景大小; Safari 9上的奇怪行为

时间:2017-12-02 10:17:58

标签: html ios css safari background-size

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

除了在Mac OSX 10.11上运行的Safari 9浏览器上的错误之外,主要的英雄背景图像在每个浏览器(也是移动设备)上都能正常工作。

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

broken background position on Safari 9

我正在使用background-size:cover来生成每个其他浏览器上显示的预期行为(Safari显示图像损坏除外)。

为什么这只发生在Safari上? 我怎么能解决这个问题?

1 个答案:

答案 0 :(得分:1)

我检查您的网站,在旅行中transform: translate3d(0px, 0px, 0px)缺失。这就是为什么它导致半图像问题。

在我使用这种CSS样式后,我在safari中看到了全尺寸的英雄形象。

Here the safari browser view