我的div背景图片没有显示

时间:2013-12-21 23:29:54

标签: css html

我为我的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>

屏幕截图 enter image description here

2 个答案:

答案 0 :(得分:5)

这可能取决于您的浏览器如何解释它,但您在结束时忘记了分号 background:url(img/ItemList.png)

没有它,浏览器将不会显示图像。感谢@Leeish注意到在这种情况下,分号是绝对必要的。

答案 1 :(得分:2)

;结尾处缺少

background:url(img/ItemList.png),这就是您无法获得背景图片的原因。

需要使用分号将声明彼此分开。 它可以在CSS规则的最后一个声明中省略,但建议以后如果要添加更多声明,则不需要记得将其添加到那里。