背景图片在iOS中变为灰色/未显示

时间:2017-01-30 09:01:41

标签: html css

我的背景图片未在iOS设备上显示,它变为灰色。

我无法在Windows上测试它,也无法每10秒上传一次新的修复程序。

我在互联网上找到了许多不同的答案,我已经尝试了一些但是没有一个能为我工作。

这是我的CSS代码:

.img-bg-index {
    background-image: url("../img/Monteurzimmer-BG.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center right;
    background-size: cover;
    min-height: 95vh;
    position: relative;
}

1 个答案:

答案 0 :(得分:0)

背景附件导致了这个问题,似乎在Safari浏览器中禁用了它:

How to replicate background-attachment fixed on iOS

我使用了媒体查询,并在某个最大宽度上将背景附件更改为初始值:

@media ( max-width :856px) {
    .img-bg-index {
        background-attachment: initial;
    }
}