为什么min height不在后台工作?

我已经为div类添加了一个背景。我想要的是图像高度始终与浏览器窗口的高度相同,我试图通过最小高度=100%来实现。但我不明白,有什么建议吗?

HTML:

<div id="top" class="jumbotron">
</div>

CSS:

.jumbotron {
    background: no-repeat center center url('top.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100%;
    margin: 0px;
}