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

时间:2014-01-18 00:23:56

标签: html css

我希望我的背景图片占据宽度的100%,只占高度的60%,如果我使用“vw&”设置宽度和高度,我只能显示背景图像。 “vh”。 我厌倦了设置为块等。我甚至给了它一些内容来强制显示图像的区域是内容存在但它不会出现:(

任何想法

  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/

1 个答案:

答案 0 :(得分:0)

尝试使用:

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