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

 找回密码
 立即注册
搜索

[疑难] 请样式表高手指导!

[复制链接]
vocalist 发表于 2008-12-23 11:09:51 | 显示全部楼层 |阅读模式
本帖最后由 vocalist 于 2008-12-23 11:10 编辑

我想做一个导航:当鼠标悬停时,背景颜色换为 #545454,当鼠标没悬停时没有被景色
现在的情况是:当鼠标悬停在  资讯  上时,不显示背景色(但显示边框),其他链接正常
请问哪位帮我看看,在此不胜感激!

鼠标没悬停前:
未命名.jpg

鼠标悬停后:
社区测试站.jpg
((em:07)) 资讯不显示背景……

代码:

  1. <div id="nav">
  2. <ul class="main_nav">
  3. <!--{if empty($_SCONFIG['defaultchannel'])}-->
  4. <li class="current"><a href="{S_URL}/index.php">首页</a></li>
  5. <!--{/if}-->
  6. <!--{loop $channels['menus'] $key $value}-->
  7. <li><a href="$value[url]">$value[name]</a></li>
  8. <!--{/loop}-->
  9. </ul>
  10. </div>
复制代码
样式表:

  1. #nav { width:100%; height:50px; overflow:hidden;}
  2. .main_nav { height:50px; }
  3. .main_nav li { width:120px; float:left; margin:0 0; line-height:60px; }
  4. .main_nav li a { float:left; height:50px; width:120px; color:#E4E4E4; font-weight:700; text-decoration:none!important; cursor:pointer; text-align: center;}
  5. .main_nav li a:hover { color:#fff; background:#545454;}
  6. .main_nav .current a { background:#545454; color:#fff; }
复制代码
回复

使用道具 举报

麻吉求求 发表于 2008-12-23 11:20:48 | 显示全部楼层
#nav { width:100%; height:50px; overflow:hidden;}

.main_nav { height:50px; }

.main_nav li { width:120px; float:left; margin:0 0; line-height:60px; }

.main_nav li a { float:left; height:50px; width:120px; color:#E4E4E4; font-weight:700; text-decoration:none!important; cursor:pointer; text-align: center; display:block;}

.main_nav li a:hover { color:#fff; background:#545454;}

.main_nav .current a { background:#545454; color:#fff; }

试一下!
回复

使用道具 举报

 楼主| vocalist 发表于 2008-12-23 15:03:21 | 显示全部楼层
2# 麻吉求求


回老师:
还没没有变化啊……
还是和刚开始一样((em:15))
回复

使用道具 举报

nenge 发表于 2008-12-23 15:06:46 | 显示全部楼层
本帖最后由 nenge 于 2008-12-23 15:08 编辑

  1. #nav { width:100%; height:50px; overflow:hidden;}

  2. .main_nav { height:50px; }

  3. .main_nav li { width:120px; float:left; margin:0 0; line-height:60px; }

  4. .main_nav li a {height:50px; width:120px; color:#E4E4E4; font-weight:700; text-decoration:none!important; cursor:pointer; text-align: center; display:block;}

  5. .main_nav li:hover {background:#545454;}

  6. .main_nav .current a { background:#545454; color:#fff; }
复制代码
or

  1. #nav { width:100%; height:50px; overflow:hidden;}
  2. .main_nav { height:50px; }
  3. .main_nav li {float:left; margin:0 0; line-height:60px; }
  4. .main_nav li a {height:50px; width:120px; color:#E4E4E4; font-weight:700; text-decoration:none!important; cursor:pointer; text-align: center; display:block;}
  5. .main_nav li a:hover { color:#fff; background:#545454;}
  6. .main_nav .current a { background:#545454; color:#fff; }
复制代码
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-10-24 05:41 , Processed in 0.137224 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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