css - 无法在 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的背景。