首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

小弟我的网站导航菜单,鼠标移上去文字会向上移动,请帮忙看看咋回事

2012-02-11 
我的网站导航菜单,鼠标移上去文字会向上移动,请帮忙看看怎么回事。如题,我做的这个网站导航条本来是想鼠标

我的网站导航菜单,鼠标移上去文字会向上移动,请帮忙看看怎么回事。
如题,我做的这个网站导航条本来是想鼠标移动上去文字是不动的,而且也没有打算让他动。但是实际上却是鼠标移上去文字就动了,不过奇怪的是IE6上面要动,FIREFOX上面却正常,请懂的人帮忙看看是怎么回事。谢谢。

测试网址:http://skivet.cn/teach/

[解决办法]
我这里看的很正常啊,我装的是IE7,不知道是不是IE6的问题
[解决办法]
hover太多了,精减一下吧!

.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#000000;width:auto;height:23px;padding:0px 16px 0px 16px;line-height:23px;text-transform:uppercase;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
/*hide sub nav items*/
.menu ul li ul {display:none;}
/*style for table of sub nav items*/
.tablex {margin:-1px;border-collapse:collapse;font-size:11px;}
/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#000;background: url(img/bgON.gif) top left repeat-x;}
/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:22px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#E6E6E6;color:#000000;height:auto;line-height:15px;padding:2px 15px 2px 15px;width:120px;border-bottom:1px solid #fff;}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {background:#C9D2DF;color:#000;}
[解决办法]
1280×1024下导航移位了

热点排行