爲什麼將bg-container的位置設置爲絕對？

-1

position: absolute 爲什麼將bg-container的位置設置爲絕對？

我只在Chrome測試這個網頁，我感到困惑的BG-容器所使用的位置屬性，但是當我刪除這個屬性，背景圖像（焦炭）消失，什麼是問題，我認爲位置屬性與背景圖像無關。代碼看起來像下面

.bg-container { 
     overflow: hidden; 
     position: absolute; 
     width: 100%; 
     height: 100%; 
     background-image: url('../../../../Content/themes/segmentedexecution/images/home-bg.jpg'); 
     background-size: cover; 
     background-position: center center; 
    }

來源

2016-04-13 Wang Ningning

對不起，我剛添加了代碼。 –

沒有，position: absolute有背景圖像上沒有影響，但它會影響與背景的元素的位置。

將絕對定位的元素從頁面流中取出。因此，它可以位於其他元素之下/之上，我相信這是您的示例中正在發生的事情。爲使bg-container與頁面上的其他元素處於相同的空間，它被絕對定位。當你刪除position: absolute時，它是頁面流的一部分，並被包裝在頁面上的東西下面。結合其父元素上的overflow: hidden，它似乎消失。

來源

2016-04-13 03:20:58

你好，我認爲原因可能是div.bg-container無法得到它的高度，所以背景圖片不會出現（我有三個div在body中，它們都有position：absolute;所以body的高度變成0px），我刪除了bg-container的positon：absolute;屬性和設置身體固定的寬度和高度，bg容器的背景圖像正常顯示，所以我的問題是，爲什麼要添加位置：絕對工程？（身高爲0時身高爲100％但背景圖像仍顯示） –

爲什麼將bg-container的位置設置爲絕對？

回答

相關問題