广告区

广告区


本站消息

站长简介/公众号


关注本站官方公众号:程序员总部,领取三大福利! 福利一:python和前端辅导 福利二:进程序员交流微信群,专属于程序员的圈子 福利三:领取全套零基础视频教程(python,java,前端,php)

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

<ul> 当背景颜色添加到页面时消失

发布于2022-05-23 22:49     阅读(113)     评论(0)     点赞(7)     收藏(1)




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

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

当我向样式表添加背景颜色时,问题就来了。导航菜单由于某种原因消失了,我不太明白;也许是因为我使用的 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;    
}

解决方案


暂无回答


关注本站官方公众号:程序员总部,领取三大福利! 福利一:python和前端辅导 福利二:进程序员交流微信群,专属于程序员的圈子 福利三:领取全套零基础视频教程(python,java,前端,php)
关注公众号:程序员总部,回复前端,免费领取 全套前端视频教程,关注公众号回复前端充值+你的账号,免费为您充值1000积分






所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/360642/57ac5e1eb9cb8fc486c9/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

7 0
收藏该文
已收藏

评论内容:(最多支持255个字符)