Question

css+div 导航条坐标定位问题~！

我正在做导航条，我想学这种做法，

用坐标定位显示出来虽然繁琐但是开网页的速度快，出现点问题求解答？

我的思路是鼠标没有移动到导航条上的时候显示“第一条”，当鼠标移动到导航条上的时候显示“第二条”（第一条与第二条的区别是第二天上有个白色箭头）
而且第二条的箭头怎么随着鼠标的移动而显示出来呢？
第一条定位显示出来了，第二条定位定不出来······················附上代码：

#top_7{
background:url(../QW/asdq123.gif) no-repeat 0 40px;
width:932px;
height:73px;
float:left;
margin-left:410px;
_margin-left:205px;
margin-top:-45px
}
#top_7 ul{
list-style:none;
}
#top_7 ul li{
float:left;
}
#top_7 ul li a{
width:65px;
margin-left:1px;
text-align:center;
display:block;
padding-top:50px;
font-size:14px;
font-family:"Adobe 黑体 Std R";
color:#FFF;
text-decoration:none;
}
#top_7 ul li a:hover{
background:url(../QW/asdq123.gif) no-repeat 0 -45;
width:932px;
height:73px;
}

Answer 1

看了老半天才明白楼主所谓的坐标定位是在说什拆锋颤么
首先，-45那没写px
再来我试了下楼主你的旅败代码
正确的位置应该是0 -5px附近
我一度非常费解
后来发现楼主基孝写了个margin-top:-45px在top_7里
所以整体向上平移了