Html 如何在没有内容的情况下显示背景图像？

我有一个带有背景图像集的div。我将动态添加内容到这个div，所以我需要它与背景图像一起打开。为了显示背景图像，我做了以下操作：

background-size:100% 100%;

而且

但它没有显示图像。我怎样才能让它工作

---

您需要将高度添加到其父级：body和html。只有到那时它才会起作用

像这样：

html,
body {
    height: 100%;
}

---

在线示例可以在这里看到：

您需要将高度添加到其父级：body和html。只有到那时它才会起作用

像这样：

html,
body {
    height: 100%;
}

在线示例可以在这里看到：

您的div是否有大小？ 如果没有，它将使背景成为div的大小，宽度和高度为0像素。 尝试添加：

#yourdiv
{
    height: 100px;
    width: 100px;
}

你的div有尺码吗？ 如果没有，它将使背景成为div的大小，宽度和高度为0像素。 尝试添加：

#yourdiv
{
    height: 100px;
    width: 100px;
}

---

不显示图像，因为容器没有任何高度

加：

这将为容器提供高度

---

不显示图像，因为容器没有任何高度

加：

这将为容器提供高度

---

我猜div的母公司也没有大小-所以100%不起作用。试着这样做：

<div class="wrapper" style="height: 100px; width: 100px;">
    <div class="bgimage" style="height: 100%; width: 100%;">
    your content
    </div>
</div>

---

我猜div的母公司也没有大小-所以100%不起作用。试着这样做：

<div class="wrapper" style="height: 100px; width: 100px;">
    <div class="bgimage" style="height: 100%; width: 100%;">
    your content
    </div>
</div>

---

我刚刚更新了fiddle check，我希望高度和宽度为原始图像的百分比。您想获得图像的原始大小吗？您可以使用它，而不是将图像置于背景中。我刚刚更新了fiddle check，我希望高度和宽度为原始图像的百分比。您想获得图像的原始大小吗？您可以使用它，而不是将图像置于背景中，这将符合您的目的。谢谢您的回答。如何将图像大小设置为原始大小的100%？只需删除背景大小：100%100%；谢谢你的回答。如何将图像大小设置为原始大小的100%？只需删除背景大小：100%100%；

body{
height:1000px;
}

div{
background:url('yourpic.jpg');      
width:100%;
height:100%;
}