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 = # 类 = .

您需要更新您的 css 以使其显示.logo，而不是#logo.

您的 HTML 也应该是<div class="logo"></div>.

另外，由于您没有指定 .logo 的高度，这将不起作用，我建议您将其更改为： <div class="rectangle logo"></div>

于 2012-05-28T14:17:18.280 回答