标签: html ios css safari background-size
我在这个网站上工作:http://novoayaburto.cl
除了在Mac OSX 10.11上运行的Safari 9浏览器上的错误之外,主要的英雄背景图像在每个浏览器(也是移动设备)上都能正常工作。
这是Safari上的错误的屏幕截图:
我正在使用background-size:cover来生成每个其他浏览器上显示的预期行为(Safari显示图像损坏除外)。
为什么这只发生在Safari上? 我怎么能解决这个问题?
答案 0 :(得分:1)
我检查您的网站,在旅行中transform: translate3d(0px, 0px, 0px)缺失。这就是为什么它导致半图像问题。
transform: translate3d(0px, 0px, 0px)
在我使用这种CSS样式后,我在safari中看到了全尺寸的英雄形象。