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

Question

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

任何形式的答复赞赏！

网站：candasixfortune.com

Answer 1

父元素的图像有一个位置是：固定特性和图像具有的位置是：绝对属性。图像相对于当前页面的位置。您需要使用position：relative属性将图像容器添加到图像中。 这将是如下：

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

另外除去顶部：施加到＃BG-体，顶部-50％：施加到＃BG-体IMG 60像素，并设置高度为自动。