页面开头的全屏背景

Question

我想创建一个网页，其中包含网页开头的全屏背景，但其余部分没有背景。下面是一个示例链接。

谢谢。

示例：http://band-theme.tumblr.com/

Answer 1

你可以这样做：

<强> FIDDLE

HTML：

<div id="home">... Home Content ...</div>
<div id="content">... Website Content ...</div>

CSS：

html, body, #home {
    width:100%;
    height:100%;
    margin:0;
}
#home {
    background: url(http://lorempixel.com/output/nature-q-g-1278-873-9.jpg);
    background-position:center center;
    background-size:cover;
}

Answer 2

您可以添加一个高度和页面的高度，并为该div添加背景。

在CSS中：

body, html {
  height: 100%;
}

#div_id {
  height: 100%;
  background-image:url("image.png");
}

这应该有效。