背景图片不会在手机上显示(iPhone 6s)

时间:2017-12-23 11:17:59

标签: html css mobile responsive-design

我目前正在开发一个网站,除移动设备上的背景图片外,一切正常且功能正常。我已经完全尝试了一切,即使它在我的笔记本电脑上显示得很好,也不会在手机上显示。我的手机是iPhone 6s,它只是不想显示。我在其他项目中使用了相同的CSS代码,它工作正常,但目前还没有。

我做了一些测试,问题似乎是背景位置:封面。但是如何在不使图像看起来很糟糕的情况下解决这个问题。此外,当我点击移动导航按钮打开菜单...你可以看到后面的图像显示非常奇怪......

有人有任何可能的解决方案吗?这非常令人沮丧。

以下是该网站的链接:http://mujomusic.net/WDV351/Konstrukt/index.php

和代码:

height: 100vh;
background-image: url('images/main.jpg');
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;

1 个答案:

答案 0 :(得分:0)

你会给出一个截图,因为它在我的工作中非常好。 可能是缓存问题。 enter image description here