如何將帶有背景圖片的div貼到身體頂部的頂部？

我需要一個具有背景圖片的div，並且此div必須堅持頂部。但是，body有padding-top = 80px。問題是，身體的填充削減div的背景圖像80px，我看到頁面底部的白色帶。如何擺脫這個白色揹帶，看到整個div的背景圖片？這是問題的圖示：如何將帶有背景圖片的div貼到身體頂部的頂部？

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
     body { 
      padding-top: 80px; 
      margin: 0; 
     } 

     .divider-div { 
      min-height: 250px; 
      background-image: url(https://c1.staticflickr.com/5/4095/4913282297_671ae41f57_b.jpg); 
      background-size: 100% 100%; 
      background-repeat: no-repeat; 
      background-attachment: fixed; 
     } 
    </style> 
</head> 
<body> 
<div class="divider-div"></div> 
</body> 
</html>

來源

2015-09-05 zhekaus

如果你不能改變填充頂或重新安排你的HTML，那麼最快的解決辦法將添加margin-top：-80px到divider-div –

哇。我發現偶然有一個解決方案... 我需要添加這些行分頻器和-DIV風格

top: 0; 
    position: fixed;

來源

2015-09-05 23:06:13 zhekaus

如何將帶有背景圖片的div貼到身體頂部的頂部？

回答

相關問題