我的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规则的最后一个声明中省略，但建议您稍后如果您想添加更多的声明，则不需要记住将其添加到那里。