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; を使用することもできます。background-position: センター センター; および background-size: カバー; div の背景を適切に使用するため。