Question

我有几个背景图像的div，但没有任何显示在任何ios设备（iphone + ipad）中。它适用于其他地方。

我已将照片的尺寸缩小到635 x 635.我不确定这是图片还是css的问题。不幸的是我无法发布实际图片的链接。但这是我的代码示例：

图像的网址由Thumbor生成。

.section {
  position: relative;
  width: 100%;
  min-height: 100%;
  padding-left: 10%;
  display: block;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: auto;
  padding-left: 0% !important;
}
.caption {
  margin: 5%;
}

<section class="section" id="image_text3" style="background: url(//placehold.it/635/635) no-repeat fixed top;">
  <div class="caption">
    <p>caption</p>
  </div>
</section>

Answer 1

如果我能给你一个确切的解决方案，我想为这个问题贡献自己的力量。

http://caniuse.com/#search=background-image告诉我iOS有一些background-size：cover属性的问题。

Answer 2

我刚才回答了类似的问题。查看this question的答案。我也did a blogpost on it用例子解释了这一点。

背景图片未显示在IOS设备中

2 个答案: