徽标未显示在标题 img 的顶部

Question

我忙于创建网站的过程，目前似乎遇到了徽标的问题，该徽标一直隐藏自己。

我不确定我做错

了什么，我在这里添加了我的 html 和 css，以便希望有人可以告诉我我做错了什么。

我目前也在使用 html5 样板模板，但同时注释掉了代码，这是代码的 html 部分：

    <!--header --> 
    <div id="header">
    <div id ="logo"> 
            <h1><a href="index.html"></a></h1>
      </div>
      <div id= "hmenu">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Bar</a></li>
            <li><a href="#">Specials</a></li>
            <li><a href="#">Gallery</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
      </div>    
</div>

这是标题、徽标和菜单的 CSS 代码：

body,#container
{   margin:0;
    border:0;
    height:100%;
    font:Arial, Helvetica, sans-serif;
    background:url(../Images/bgImg.png) repeat-x ;  
}
body > #container 
{
    height:auto;
    min-height:100%;
}   
#header
{
    background:url(../Images/hdBgImg.png);
    width:100%;
    height:115px;
}
#header #logo
{
     background:url(../Images/logo.png) no-repeat;
     width:272px;
     heigh:142px;
     cursor:pointer;
}   

#hmenu 
{
    font-size:38px;
    font-family:Tangerine, sans-serif;
    font-weight::bold;
    text-align:right;
    text-shadow:3px 2px 3px #333;
    border-radius:8px;
    position::absolute;
    top:10px;
    right:10px;

} 
#hmenu ul
{
    height:auto;
    padding:8px 10px;
    margin:0.1em;
}
#hmenu li
{
    display:inline;
    padding:20px;
}
#hmenu a
{
    text-decoration:none;
    color:#FFF;
    padding:8px 8px 8px 8px;
}
#hmenu a:hover
{
    color:#8AAB8E;
    back:#fff;
}

当我尝试添加徽标时，它会移动我的标题菜单，并且在某种程度上也会创建一个双徽标。

任何帮助将非常感谢。

Answer 1

以前的CSS代码：

#header #logo
{
  background:url(../Images/logo.png) no-repeat;
  width:272px;
  heigh:142px;
  cursor:pointer;
}

建议修复

#header #logo
{
  background:url(../Images/logo.png) no-repeat;
  width:272px;
  height:142px;
  cursor:pointer;
}

让我分享一个更新的 JSFIDDLE 链接

愿你能看到缺少什么

Answer 2

将heigh更改为height ：-

#header #logo
{
 background:url(../Images/logo.png) no-repeat;
 width:272px;
 height:142px;
 cursor:pointer;
 display:block;
}

Answer 3

#header #logo
{
     background:url(Images/1.png) no-repeat;
     width:272px;
     height:142px;
     cursor:pointer;
display: inline-block;
}