Html 在div中放置背景图像_Html_Css_Background Image

Html 在div中放置背景图像

html css

Html 在div中放置背景图像,html,css,background-image,Html,Css,Background Image,我有一个背景图像，我想在顶部标题后显示。此图像应位于页面的剩余部分。在以后的阶段，我甚至可以有一个页脚，图像应该占据页眉和页脚之间的全部空白。我试图在空白的地方有这个背景图像，这样在图像的上面我可以有我的div来显示内容等。当我简单地将图像放在正文背景中时，我成功地实现了这一点，但是，现在我想要在顶部标题结束后的背景图像例如： CSS: HTML 您可以将您的图像设置为身体的背景图像，头部有一个偏移，如下所示： body { background-image: url('http:/

我有一个背景图像，我想在顶部标题后显示。此图像应位于页面的剩余部分。在以后的阶段，我甚至可以有一个页脚，图像应该占据页眉和页脚之间的全部空白。我试图在空白的地方有这个背景图像，这样在图像的上面我可以有我的div来显示内容等。当我简单地将图像放在

正文

背景中时，我成功地实现了这一点，但是，现在我想要在顶部标题结束后的背景图像

例如：

CSS:

HTML

您可以将您的图像设置为身体的背景图像，头部有一个偏移，如下所示：

body {
    background-image: url('http://s1.postimage.org/ur0h52mvy/Sketch2.jpg');
    background-position: 0px 85px;
    background-repeat: no-repeat;
}
div#masthead {
    background-color: #262626;
    height: 85px;
    padding: 0;
    width: 100%;
    margin: 0;
}

<link rel="stylesheet" href="/stylesheets/style.css" type="text/css" media="screen" charset="utf-8">
<body>
  <div id="masthead"></div>
  <div class="backgroundimage"></div>
</body>

body {
    background-image: url('http://s1.postimage.org/ur0h52mvy/Sketch2.jpg');
    background-position: 0px 85px;
    background-repeat: no-repeat;
}
div#masthead {
    background-color: #262626;
    height: 85px;
    padding: 0;
    width: 100%;
    margin: 0;
}

 body { background: url('http://s1.postimage.org/ur0h52mvy/Sketch2.jpg') no-repeat; background-position: 0px 85px; }