Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[求助] 导航栏的一个CSS样式问题

[复制链接]
无欲至尊 发表于 2011-6-30 10:03:03 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X2
浏览器: IE8 firefox 
使用模板: 其他模板(请在回帖中说明模板的名称或者是模板的下载地址)
BUG地址: 暂无
本帖最后由 无欲至尊 于 2011-6-30 10:04 编辑






请问让每个导航文字下面都有一个黑色的背景呀?
就是想能变成第二幅图那样。
下面是我第一副图的导航栏CSS代码,求教怎么修改。

ilelex_hov.png是我的那个黑色背景图标。



  1. #nv { overflow: hidden; padding-left: 3px; height: 33px; {MENUBGCODE}; }
  2.                                 #nv li{float:left;padding-right:1px;height:41px;line-height:41px;font-size:14px;font-weight:700;}
  3.                                         .ie_all #nv li { line-height: 41px; }
  4.                                        
  5.                                         #nv li a { float: left; padding: 0px 20px 30px ;margin-top:-8px; height: 41px; }
  6.                                                 #nv li a { color: {MENUTEXT}; }
  7.                                                 #nv li span { display: none; }
  8.                                         #nv li.a{margin-left:-20px;background:url("{IMGDIR}/ilelex_hov.png") no-repeat 100% 0;height:40px; padding: 0 18px;}            
  9.                                                 #nv li.a a { color: {MENUHOVERTEXT}; }
  10.                                                 #nv li a:hover { background: url({IMGDIR}/nv_a.png) no-repeat 50% -66px; }
  11.                                                 #nv li.hover a:hover, #nv li.hover a { background: url({IMGDIR}/nv_a.png) no-repeat 50% -99px; }
复制代码

回复

使用道具 举报

xmmoer 发表于 2011-7-2 13:03:03 | 显示全部楼层
有需要可以联系我们 。
回复

使用道具 举报

 楼主| 无欲至尊 发表于 2011-7-3 14:15:43 | 显示全部楼层
自己顶起~
回复

使用道具 举报

whihl2 发表于 2011-7-3 15:09:13 | 显示全部楼层
为啥写了两个一样的 呢  其实background:url("{IMGDIR}/ilelex_hov.png") no-repeat 100% 0;height:40px; padding: 0 18px;
这个加到a 里面啊··
回复

使用道具 举报

afasdf 发表于 2011-7-3 15:29:11 | 显示全部楼层
帮你顶一下吧

不懂

专业提供商城模板:http://shop.youbbx.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-12 03:10 , Processed in 0.114733 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表