对于不支持具有正确结果的HTML Div背景图像的iPhone，有什么解决方案？

我有一个网页，我想添加视差效果。所以我创建了一个div并将图像设置为div背景。没关系，问题是iPhone在打开网页时没有以正确的分辨率显示此图像，但android设备支持此功能

这是html部分

<div class="banner" data-z-index="1">

        <!--contact number div-->
        <div class=" col-xs-12 col-sm-12 col-md-12 col-lg-5  col-xl-5 phonebox" id="number" data-z-index="2">
            <p  class=" phoneno">+94 71 819 2824/ +94 71 686 3475</p>
        </div>


        <h1 class="erahome faded">Welcome to Era Homes ...</h1>

        <h4 class="life faded">"Space for life"</h4>

        <h3 class="year faded">Since 2012</h4>

    </div>
 

.banner{
background: url('images/back.jpg') no-repeat center;
background-size: cover;
background-attachment: fixed;
width:100%;
height:444px;
margin-top: -2px;
                

}

---

我如何才能像在其他设备上一样在iPhone上显示此背景图像？

这是iOS的一个已知问题，其中

背景位置：修复了
无法工作的问题

它也上市了

我过去也遇到过类似的问题，我用上传的代码解决了这个问题
我的github回购协议：

以下是托管在Github页面上的工作示例：

基本上，我所做的是添加一个
div
和
position:fixed
和
top:0
和
left:0
以所需的
背景图像
占据整个
视口
，并添加一个
z-index:-1
，使其位于页面的所有其他元素下方，而不是
主体
，我在交替的
部分
中添加了一个
背景
，这样图像在
部分
中可以看到，没有
背景
，从2012年开始，你从h3开始，用h4结束，而h4实际上是畸形的。当从格式错误的HTML中恢复时，浏览器的行为往往会有所不同，这可能就是为什么它在设备上的行为不一样的原因。很长一段时间，但至少要解决这个问题以消除它。