Div与背景图像，没有内容不显示

Question

我目前在我的页面上有一个div，我已经给出了背景图像。此div没有任何内容，因此如果我添加它显示的任何内容，它不会显示在我的页面上。我希望它显示甚至没有内容，因为我希望显示背景图像以及我想为它分配一些悬停/点击事件。

有没有办法强制显示div？

Answer 1

您需要指定尺寸：

<div style="width: 100px; height: 100px"></div>

您可以将尺寸设置为背景图片的尺寸或您想要的任何其他值。

Answer 2

为div添加高度和宽度。您可能希望使用最小高度和最小宽度，并将它们设置为等于背景图像的大小。

添加空注释将有助于剥离空标记的浏览器。

Answer 3

您需要使用css（或min-width和min-height）指定该div的宽度和高度

Answer 4

为其添加高度和宽度。

Jsfiddle：http://jsfiddle.net/GFTtY/

Answer 5

添加空//内容//为我工作。 设置宽度/高度或最小宽度/最小高度不会强制显示背景图像。 （Win8上的Chrome 51）