如何使用CSS使背景填充整个div

Question

我怎么能在全高度扩展背景图像？ http://codepen.io/aalis/pen/egmmeW

.navbar-default { font-family: 'Montserrat', serif; background: #ccddff; border-bottom-color: #DFDFDF; height: 50px; margin-bottom: 0; }
.navbar-header .navbar-brand {
  font-size: 36px; color: #b37700;
}
/*--HOME--*/
#home {
  background: url('http://s17.postimg.org/m4bfqfgn3/fog_1005445_1920.jpg') no-repeat center center fixed;
}

Answer 1

请参阅codepen

您必须使用CSS中的background-size属性。

要使图像完整覆盖您的div，您可以使用

 background-size:100% 100%;

请在docs中了解详情。

Answer 2

如果您想要全高，可以在css中使用以下内容：

img { height:100% }

如果你想要全屏图像，你可以使用：

img { height:100%; width:auto; }

Answer 3

使用此：

background: url("your image url") no-repeat center center fixed; 
background-size: cover;  
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;