我<div>为我的HTML代码的CSS 分配了一个背景图像,我指定了宽度和高度,并且还添加了内容<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;
}
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)
屏幕截图:

它可能取决于您的浏览器如何解释它,但在结束时忘记了分号
background:url(img/ItemList.png)
没有它,浏览器将无法显示图像.感谢@Leeish注意到在这种情况下,分号是绝对必要的.