程序员最近都爱上了这个网站  程序员们快来瞅瞅吧！  it98k网:it98k.com

我找不到任何可以完全回答我的问题的问题；至少在我看来。所以，如果它已经得到回答，我很抱歉。

我有一个无序列表，用作导航栏。我创建了一个精灵来为悬停状态提供单独的“图像”。这一切都很好，我把它放在页面中间，就像我想要的那样。

当我向样式表添加背景颜色时，问题就来了。导航菜单由于某种原因消失了，我不太明白；也许是因为我使用的 CSS 样式表重置编码？

这是一个例子......这是html......

<header class="centered">

      <ul id="navbar">
          <li class="home"><a href="#" title="home">home</a></li>
          <li class="gallery"><a href="#" title="gallery">gallery</a></li>
          <li class="contact"><a href="#" title="contact">contact</a></li>
      </ul>

</header> <!-- end of header -->

这是css...

#navbar{
     display: block;
     width: 481px;
     height: 55.5px;
     background: url(../images/navbar2.png) left top no-repeat;
}

#navbar li{
     display: block;
     float: left;
}

#navbar li a{
     display: block;
     height:55.5px;
     text-indent:-9999px;
}

#navbar li a:hover,
#navbar li a.on{
     background-image: url(../images/navbar2.png);
}

#navbar li.home a{
     width:142px;
     background-position:-0px -55.5px;
}

#navbar li.gallery a{
     width:166px;
     background-position:-142px -55.5px;
}

#navbar li.contact a{
     width:173px;
     background-position:-308px -55.5px;
}

现在，我在样式表开头的“CSS 样式表重置”代码中应用了背景颜色……这是其中的一个片段。

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background: transparent;
    background-color: #000000;    
}

解决方案

暂无回答