如何将带有背景图像的div粘贴到具有填充顶部的身体顶部?

时间:2015-09-05 22:46:36

标签: css

我需要一个带背景图像的div,这个div必须坚持到顶部。 但是,身体有填充顶部= 80px。 问题是身体的衬垫削减了div的背景图像的80px,我看到页面底部有一条白色的带子。 如何摆脱这个白色表带,看看整个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>

1 个答案:

答案 0 :(得分:0)

哇。我偶然找到了一个解决方案...... 我需要将这些行添加到.divider-div样式

   top: 0;
   position: fixed;