关于A：hover的问题
[url]http://www.sun0662.cn/article/200808/12-11.html[/url]为什么这个导航中的A：hover属性出挡住内容页内容，当鼠标一放到导航的链接文字中，底部就自动会起来一块挡住了内容，不知道是什么原因。大虾帮解答下。 #main{width:100%}
li{list-style:none}
a:link{color:#0062f7;text-decoration:none}
a:visited {color:#0062f7;text-decoration:none;}
a:hover{text-decoration:underline;color:#bf001f;}
#conten{width:950px;margin:0 auto;}
#logo{width:170px;height:80px;float:left;}
#banner{width:760px;height:80px;float:right}
#nav{width:950px;margin:0px;height:25px;border-bottom:2px solid #FFAA00;margin-bottom:8px;padding-top:8px;padding-bottom:0px;background:#F5C76A;}
#nav ul li a{color:#0062f7;text-decoration:none}
#nav ul li a:hover{color:#000;background:#F5C76A}
#nav ul{margin:0px;}
#nav ul li{display:inline;padding-left:20px;}
#clear{clear:both;}
#daoheng{border:1px solid #9BC9DF;background-color:#F5FAFF;margin-bottom:3px;padding-left:5px;margin-top:3px;padding-top:5px;padding-bottom:5px;font-size:14px;}
#cont{width:680px;border:1px solid #9BC9DF;background-color:#F5FAFF;float:left;text-align: center}
#cont2 .pagebreak{text-align:center;margin:0px;padding:0px;}
#cont2 .pagebreak a{padding-left:5px;padding-right:5px;padding-bottom:2px;padding-top:2px;border:1px solid #0062f7;font-size:12px;}
#cont2 .pagebreak strong{margin-left:2px;margin-right:2px;background-color:#0062f7;font-size:12px;padding-right:6px;padding-bottom:3px;padding-top:3px;padding-left:6px}
#cont2{margin:10px 20px 10px 20px}
#cont2 h1{font-size:16px;color:#363737}
#src{border-bottom:1px solid #CCCCCC;margin-bottom:30px;padding-bottom:8px;font-size:12px;}
#content{font-size:14px;line-height:23px; text-indent:2em;text-align:left}
#xg{float:left;margin-top:30px;width:600px;text-align:left;font-size:12px;line-height:23px;}
#xg h3{background-color:#DBEDF5;margin:0px;padding-left:10px;line-height:23px;padding-top:3px;}
#xg ul{padding-left:10px;margin-left:15px;}
#xg ul li{margin:0px;}
#hot{font-size:13px;width:260px;float:right;border:1px solid #9BC9DF;margin-bottom:5px;margin-left:5px; line-height:23px;}
#hot ul{padding-left:10px;margin:0px;padding-top:10px;padding-bottom:10px;}
#hot h3{background:url(tg.gif) repeat-x;background-color:#DBEDF5;font-size:14px;padding-left:10px;line-height:23px;margin:0px;border-bottom:1px solid #9bc9df}
#bottom{border-bottom:1px solid #CCCCCC;margin-top:30px;margin-bottom:30px;} CSS,也贴出来了,希望知道的帮解答一下. [code]
#nav a:hover {style.css (line 12)
background-color:#FFAA00;
color:#FFFFFF;
padding:20px 5px 5px;
}
[/code]
把padding改小一点 或者去掉
[[i] 本帖最后由 shaohua162001 于 2008-8-13 07:39 编辑 [/i]]
回复 4# shaohua162001 的帖子
去掉了还是不行,除非不用background-color属性才可以正常显示,不知道是和什么地方有冲突了. [quote]原帖由 [i]soo26[/i] 于 2008-8-13 01:22 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4158840&ptid=2879028][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url][url]http://www.sun0662.cn/article/200808/12-11.html[/url] [url=http://www.sun0662.cn]会计网[/url]
为什么这个导航中的A：hover属性出挡住内容页内容，当鼠标一放到导航的链接文字中，底部就自动会起来一块挡住了内容，不知道是什么原因。大虾帮解答下。 [/quote]
原来是导航和页面之间少了一个层才会出现这样的情况。
页:
[1]