Div與背景圖像，沒有內容不顯示

Question

我目前在我的網頁上有一個div，我給了一個背景圖像。這個div沒有任何內容，所以它不會顯示在我的頁面上，如果我添加它顯示的任何內容。即使沒有內容，我也希望它顯示，因爲我希望顯示背景圖像以及我想爲其分配一些懸停/點擊事件。

有沒有辦法強制div顯示？

Answer 1

您需要指定的尺寸：

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

可以將大小設置爲背景圖片的尺寸或您想要的任何其他值。

Answer 2

向div添加高度和寬度。您可能希望使用最小高度和最小寬度，並將它們設置爲等於背景圖像的大小。

添加一個空註釋將有助於剝離空標籤的瀏覽器。

Answer 3

需要指定的寬度和高度的該div使用CSS（或最小寬度和最小高度）

Answer 4

給它增加高度和寬度。

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

Answer 5

添加一個空// //內容爲我工作。 設置寬度/高度或最小寬度/最小高度不會強制顯示背景圖像。 （Win8上的Chrome 51）