无法在div中显示背景图像

Question

我基本上使用3个div制作了960布局，以便轻松地将子div与图像和文本放在一起。出于某种原因，我无法制作第一张背景图片。

我做错了什么？

网站概念：

HTML

<div class="wrap">

    <div id="left">1

        <div id="logo"></div>

    </div>

    <div id="middle">2</div>

    <div id="right">3</div>

</div>

CSS

html, body { background-image:url(../bg.png);
    margin: 0;
    padding: 0;
    border: 0
}
.wrap {
    background: #e7e7e7;
    text-align: center;
    width: 840px;
    margin:auto;
    padding-left:60px;
    padding-right:60px;
}

#left, #middle, #right {

     background: #ccc;
     display: inline-block;
     margin-right: -4px;
     width:280px;
}

#logo {
    display: block;
    position: relative;
    background-image:url(../logo.png));
    width:40px;
    height:40px;
    }

Answer 1

background-image:url(../logo.png));

应该......

background-image: url(../logo.png);

您可能还想使用background-repeat：no-repeat;背景位置：中心;和背景大小：封面;正确使用div的背景。

Answer 2

看起来你在CSS文件的#logo下有一个额外的背景图像。将其更改为background-image：url（../ logo.png）;