我为我的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>
屏幕截图
答案 0 :(得分:5)
这可能取决于您的浏览器如何解释它,但您在结束时忘记了分号
background:url(img/ItemList.png)
没有它,浏览器将不会显示图像。感谢@Leeish注意到在这种情况下,分号是绝对必要的。
答案 1 :(得分:2)
;
结尾处缺少 background:url(img/ItemList.png)
,这就是您无法获得背景图片的原因。
需要使用分号将声明彼此分开。 它可以在CSS规则的最后一个声明中省略,但建议以后如果要添加更多声明,则不需要记得将其添加到那里。