网页代码：

复制内容到剪贴板

代码:

<div id="nav">
  <ul>
    <li><a href="#"><span>首　页</span></a></li>
    <li><a href="#"><span>供求信息</span></a></li>
    <li><a href="#"><span>企业信息</span></a></li>
    <li><a href="#"><span>展会信息</span></a></li>
    <li><a href="#"><span>人才招聘</span></a></li>
    <li><a href="#"><span>行业资讯</span></a></li>
  </ul>
</div>

css样式：

引用:

#nav{
margin:0px auto;
width:954px;
height:26px;}
#nav ul li{
display:block;
list-style:none;}
#nav li a{
float:left;
display:block;
width:80px;
height:26px;
padding-left:35px;
margin-left:10px;
background-image:url(../images/nav_bg1.jpg);
color:#0294F7;
font-size:14px;
}
#nav li a:hover{
display:block;
width:80px;
height:26px;
padding-left:35px;
margin-left:10px;
background-image:url(../images/nav_bg2.jpg);
color:#0294F7;
font-size:14px;
}
#nav li span{
position:absolute;
filter:
        Dropshadow(offx=1,offy=0,color=white)
        Dropshadow(offx=0,offy=1,color=white)
        Dropshadow(offx=0,offy=-1,color=white)
        Dropshadow(offx=-1,offy=0,color=white);
              font-weight:bold;
              line-height:26px;       
}

帮忙看看是什么原因
显示效果是阶梯错位  不成一行

别用span,直接用li就行了。

复制内容到剪贴板

代码:

#nav li a{
float:left;
display:block;

把float:left去掉

把这个float:left放在LI里

#nav ul li{
display:block;
list-style:none;
float:left;
}

li定义成块却没有浮动的关系,和你的span没有关系,去掉一样是阶梯

另外,不知道为什么你要在span里定义position:absolute;属性,这样a的鼠标效果没有了手型的指示

[ 本帖最后由 zlkent 于 2008-6-19 14:59 编辑 ]

引用:

原帖由 zlkent 于 2008-6-19 14:55 发表
#nav ul li{
display:block;
list-style:none;
float:left;
}

li定义成块却没有浮动的关系,和你的span没有关系,去掉一样是阶梯

另外,不知道为什么你要在span里定义position:absolute;属性,这样a的鼠标效果 ...

谢谢  按你的方法OK了
在span里定义position:absolute;属性是为了给文字加白色描边
去掉这个属性就不显示了
还有别的好的办法啊

直接把滤镜写到#nav li a里