没有在iOS上显示的背景图像

Question

我有一个带有JS动态应用的背景图像的div。它在iOS中很有用 - 在iOS Safari和iPad中都有效。 iOS Chrome，背景图片无法显示。非常奇怪我没有在网上找到任何答案。 以下是它的正常表现：

这就是它在iOS（ipad和iphone）上的外观：

这是CSS，背景图像值由JS应用：

.NavFrame {
  width: 104px;
  height: 58px;
  background-position: center center;
  background-size: cover;
  margin-right: 2%;
  background-image: url(http://www.test.com/test.jpg);
}

任何帮助将不胜感激。

更新：谢谢大家的答案，但最终我的JS代码中出现了一些错误。无论如何希望它可以帮助别人。

Answer 1

试试这个

.NavFrame {
      width: 104px;
      height: 58px;
      background-position: center center;

      margin-right: 2%;
      background-image: url(http://www.test.com/test.jpg);
      background-size: cover; 
    }

Answer 2

在 background-size之后设置background-image ：

.NavFrame {
  width: 104px;
  height: 58px;
  margin-right: 2%;
  background-image: url(http://www.test.com/test.jpg);
  background-position: center center;
  background-size: cover;
}

或简写：

.NavFrame {    
  background: url(http://www.test.com/test.jpg) center center / cover;
}

Answer 3

此问题已在stackoverflow pl中讨论过。请参阅以下链接 Background image not showing on iPad and iPhone