整頁背景滑塊在移動設備上沒有正確顯示

Question

如果放置在移動設備上的橫向方向而不是縱向模式下，看起來全尺寸的背景圖像顯示正確。移動設備上的縱向方向是否有解決方法？

任何形式的答覆讚賞！

網站：candasixfortune.com

Answer 1

父元素的圖像有一個位置是：固定特性和圖像具有的位置是：絕對屬性。圖像相對於當前頁面的位置。您需要使用position：relative屬性將圖像容器添加到圖像中。 這將是如下：

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

另外除去頂部：施加到＃BG-體，頂部-50％：施加到＃BG-體IMG 60像素，並設置高度爲自動。