html - 将背景图像高度设置为百分比

Question

我希望我的背景图片占宽度的 100%，高度只占 60%，如果我使用 "vw & "vh"。我厌倦了设置为 block 等。我什至给它一些内容来强制显示图像区域，内容存在但它不会显示:(

任何想法

  background-image: url("http://demo.zedtheme.com/prototype/boxed/images/example/parallax/home.jpg");
  background-position: 50% -60px;
  width: 100%;
  height: 60%;

JSFiddle - http://jsfiddle.net/7S7L2/

Answer 1

尝试使用:

html,body{
    height: 100%;
    width: 100%;
}