Question

我正在使用Laravel 5.4应用程序，对主背景具有视差效果。它在桌面上工作得非常好，并且通过开发人员工具在各种屏幕尺寸上也能很好地工作，但是当通过移动设备访问同一页面时，视差效果不会显示出来。我添加了负责所需效果的代码块。

#promo {
    min-height: 25em;
    width: 100%;
    position: relative;
    z-index: 0;
}
<body>
<section id="promo" style="background: url({{$mainImg->path}}) 50% 0px repeat fixed; background-size:cover;">
</section>
</body>

Answer 1

修复后台位置无法在移动设备上正常运行，因此要解决此问题，您需要做一个简单的技巧，而不是提供section背景图片并进行修复，尝试制作section:before并将其设置为position:fixed;并将背景图像提供给它。

#promo:before{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background:url('image.jpg');
}

玩z-index，你走了。试着让我知道。

为什么Parallax效果不适用于移动设备？

1 个答案: