我的div背景圖片沒有顯示

Question

我在我的HTML代碼的CSS中爲<div>分配了一個背景圖片，我分配了寬度和高度，並且還向<div>添加了內容，但是bg仍然沒有顯示，這是我已經試過：

CSS：

#order_list { 
    position: absolute; 
    width: 25%; 
    height: 100%; 
    z-index: 2; 
    left: 75%; 
    top: 35px; 
    color: #F33; 
    background:url(img/ItemList.png) 
    display: inline-block; 
    alignment-adjust: central; 
    font: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-size-adjust: inherit; 
    grid-rows: inherit; 
    list-style: upper-alpha; 
    word-spacing: inherit; 
    word-wrap: break-word; 
    vertical-align: central; 
} 

HTML：

<div id="order_list"> 
<div id="confirm" class="buttonClass"> 
    <div align="center">Confirm</div> 
</div>  

<div id="total" class="totalClass"> 
    <div align="center"></div> 
</div> 
    </div> 

屏幕截圖：

Answer 1

這可能取決於你的瀏覽器如何解釋它，但你在 background:url(img/ItemList.png)

沒有它到底忘了分號，瀏覽器不會顯示圖像。感謝@Leeish注意到在這種情況下，分號是絕對必要的。

Answer 2

;在background:url(img/ItemList.png)的末尾缺失，這就是爲什麼你沒有得到背景圖像。

需要使用分號來將聲明彼此分開。 它可以從CSS規則的最後一個聲明中省略，但建議您稍後如果您想添加更多的聲明，則不需要記住將其添加到那裏。