0

以下のコードを確認してください。

画像がメニュー バーに表示されません。(久しぶりにcssを使ってます:))

HTML:

<html>
    <head>
        <link href="style.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div id="navigation-container">
            <div class="rectangle">
                <div class="logo"/>
            </div>
        </div>
    </body>
</html>

CSS:

#navigation-container {
    margin: 0 auto;
    width: 1050px;
}

.rectangle {
    background: black;
    position: relative;
    height: 62px;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -webkit-border-radius: 3px;
    margin-top:0em;
}

.logo {
    background:url('company_logo.png');
}

前もって感謝します

4

2 に答える 2

4

の高さと幅を設定する必要があります.logo。この JSFiddle を参照してください。

<div>自己閉鎖できないことに注意してください</div>。<div/>は有効な HTML ではありません。

于 2012-05-28T14:14:47.677 に答える
0

ID = # クラス = .

.logocss を更新して、 ではなくと表示する必要があります#logo。

また、HTML は である必要があります<div class="logo"></div>。

また、.logo の高さを指定していないため、これは機能しません。次のように変更することをお勧めします。 <div class="rectangle logo"></div>

于 2012-05-28T14:17:18.280 に答える