背景图像没有加载在iPhone上

时间:2015-01-30 22:33:16

标签: html ios css

我有div,其上有background属性。 background是一个url,可以在所有计算机和浏览器上正常加载,在Android上加载正常,但不会在iPhone上加载。

以下是div的样式:

background: url('http://emergypower.com/assets/images/attraction.png');
background-position: center -90px;
height: 590px;
width: 100%;

这是自定义CSS,我没有使用它的框架。此外,当用户打开"标签视图"在iPhone上(查看他们打开的所有Safari选项卡)图像显示正常,但是在真实浏览器视图中打开时它不会显示。

我最初没有设置宽度,并认为这可能导致了问题但是已经编辑了它并且它没有任何区别。

3 个答案:

答案 0 :(得分:1)

尝试将背景更改为此。

background: url("http://emergypower.com/assets/images/attraction.png");
background-size: cover

答案 1 :(得分:1)

Ethaan可能是对的,但我更喜欢使用background-size: 100% cover;来确保图像始终适合它的容器。

答案 2 :(得分:1)

添加背景尺寸

background: url("http://emergypower.com/assets/images/attraction.png");
background-size: 100% 100%;