如何将带有背景图片的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>

如果你不能改变填充顶或重新安排你的HTML，那么最快的解决办法将添加margin-top：-80px到divider-div –

答

哇。我发现偶然有一个解决方案... 我需要添加这些行分频器和-DIV风格

top: 0; 
    position: fixed;

如何将带有背景图片的div贴到身体顶部的顶部？

相关推荐