我目前正在开发一个网站,除移动设备上的背景图片外,一切正常且功能正常。我已经完全尝试了一切,即使它在我的笔记本电脑上显示得很好,也不会在手机上显示。我的手机是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;