Question

请检查下面的代码

我的图像没有显示在菜单栏上。 (长时间后使用 cs :)

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 );
}

提前感谢

Answer 1

您需要为您的 < code>.logo 设定一个高度和宽度。 < a href="http://jsfiddle.net/ymcSU/1/" rel=“ nofollow” 见这个 JSFiddle 。

注意不能自闭, 您必须有一个。无效 HTML 。

Answer 2

id = # class = .

您需要更新您的 cs, 以便显示 .logo , 而不是 < logo 。

您的 HTML 应该是。

Also, as you have not specified the height of .logo this will not work, I recommend you change it to: <div class="rectangle logo"></div>

友情链接