safari不在视口外加载图像

时间:2013-12-19 23:16:04

标签: ios image viewport

更新:桌面Safari中也存在问题(不仅仅是手机游戏)

第一次:有类似的问题,但似乎没有任何内容涵盖此错误/问题/功能/无论如何苹果调用它

问题:我有一个带有全屏图片的图片库。因此,一次只能看到一个图像。 当第二个视图被触发(导航或滑动)时,我希望显示下一个图像。这适用于所有桌面浏览器(IE8 +,chrome,firefox等)

但是:在iPhone上,视口外的图像(屏幕外)没有加载,并且在视图处于活动状态时它们不会加载:

示例http://test.fatih-sahanoglu.de/content/biography

TEST :在桌面浏览器中(最好是chrome)然后在iOS上(在iOS 7模拟器和真实iPhone上测试)

FUNNY :我第一次在IE8上工作但在iOS上没有工作(即使我不支持,IE7甚至也能正确使用它。)

BTW

  • 使用hammer.js作为图库
  • 查看position: fixed

在这里工作http://test.fatih-sahanoglu.de/news(不是轮播)

截图

enter image description here enter image description here

1 个答案:

答案 0 :(得分:0)

好吧..以某种方式解决了这个问题。

似乎Safari不喜欢我使用background-image: url(foobar.jpg)

而是使用了background: url(foobar.jpg)

我还需要通过JavaScript应用background-size: cover以使其在所有浏览器中都能正常工作(奇怪的是......一旦我将javascript更改为background: url(foobar.jpg),某些幽灵会覆盖这些属性.. ghost =我无法通过网络检查员找到的东西)

现在它似乎在Safari中运行

也许有人可以使用它

BTW:我需要这样做(JavaScript),因为Drupal应用了图像的方式(我真的不想为这个功能编写模块)