ios - Safari 没有在视口(viewport)外加载图像

标签 ios image viewport

更新 : 桌面 Safari 也存在问题(不仅是移动版 Safari)

第一 :有类似的问题,但似乎没有一个涵盖这个错误/问题/功能/whatever-apple-calls-it

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

但是 :在 iPhone 上,视口(viewport)之外的图像(屏幕外)没有加载,并且在 View 处于事件状态时也不会加载:

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

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

搞笑 :我第一次在 IE8 上工作但在 iOS 上没有工作(即使 IE7 也能正确地做到这一点,即使我不支持它。)

顺便说一句 :

  • 使用 hammer.js画廊
  • 查看有 position: fixed

  • 在这里工作 : http://test.fatih-sahanoglu.de/news (不是旋转木马)

    屏幕截图 :

    enter image description here
    enter image description here

    最佳答案

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

    似乎 Safari 不喜欢我使用 background-image: url(foobar.jpg)
    相反,我使用了background: url(foobar.jpg)
    我需要申请background-size: cover也通过 JavaScript 使其在所有浏览器中工作(奇怪的奇怪.. 一旦我将 javascript 更改为 background: url(foobar.jpg) .. ghost = 我无法通过 web-inspector 找到的东西,这些属性就会被一些幽灵覆盖)

    好吧,现在它似乎可以在 Safari 中使用

    也许有人可以使用它

    顺便说一句:由于 Drupal 应用图像的方式,我需要这样做(JavaScript)(我真的不想为这个功能编写模块)

    关于ios - Safari 没有在视口(viewport)外加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20693568/

    相关文章:

    c - 双线性插值图像调整大小标记 & 'splotches'

    javascript - Chrome 未按预期呈现 Canvas 数据 [JS/Canvas API]

    jquery - 响应式网页在移动设备上太小

    google-chrome - Firefox Developer Tools 上的响应式 View 显示错误的宽度

    ios - 正确使用 XCAssets(添加 Assets )

    ios - UITextView 不辞职

    java - 如何为CardLayout中的所有面板设置单一背景?

    Java - OpenGL 设置中心 (0,0) 坐标的偏移量

    ios - touchUpInside 事件未触发

    ios - 无法重新启用我的应用中的位置