html - 如何在没有内容的情况下显示背景图片？

Question

我有一个带有 background-image 集的 div。我将向此 div 动态添加内容，因此我需要使用 background-image 打开它。为了显示背景图像，我做了:

background-size:100% 100%;

此外，

height: 100%;
width: 100%;

但它不显示图像。我如何让它工作？

jsFiddle

Answer 1

html, body {
    height: 100%;   
}

#container{
    background-image: url('http://upload.wikimedia.org/wikipedia/commons/d/d2/IPhone_4S_No_shadow.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    border: 1px solid #92b901;
    display: block;
    min-height: 100%;
    min-width: 100%;
}