整页背景滑块无法在移动设备上正确显示

Question

如果在移动设备上以横向方向放置，而在纵向模式下放置，则看起来全尺寸背景图像会正确显示。移动设备上的纵向方向是否有解决方法？

任何回应都赞赏!!

网站：candasixfortune.com

Answer 1

图像的父元素具有position：fixed属性，图像具有position：absolute属性。图像相对于当前页面定位。您需要使用position：relative属性向图像添加容器。 这将如下：

<div id="bg-body">
<div style="position:relative">
<img src="">
</div>
</div>

同时删除顶部：-50％应用于＃bg-body，top：60px应用于＃bg-body img，并将height设置为auto。