Question

css+div 导航条~！

你好打扰了还有些问题想请教您
我的想法是当鼠标移动到导航条其中一个选项的时候，就在导航条上显示一个白色箭头，所以我另外单独做了一个白色箭头的图片而且这个图是透明的。

问题来了：
当鼠标移动上去的时候这个图完完全全把导航条盖住了，就是个很小的箭头，为什么会把当前鼠标移动到某区域的导航条全部都盖住呢？
导航条是由14张图组成（也就是说是一块一块的因为代码太多这里只截取其中一块的）

#top_7{
padding-left:410px;
width:1000px;
}

#top_7 ul {
float:left;
list-style:none;
}

#top_7 ul li{
float:left;
}

#top_7 ul li a:hover{ 这是当鼠标移动到导航条所要显示的图
background:url(../QW/123.gif);
width:51px;
height:22px;
}

.top_7_1{ 这是导航条其中一个图
background:url(../QW/dao1.gif);
width:65px;
height:36px;
display:block
}

Answer 1

因为你的带箭头的背景图片，替换了你之前写好在li里的背景图片。

追问

那应该怎么解决啊

追答

你可以当鼠标hover时，显示另外一个div，这个div里放你的带箭头的图片。

追问

还是不好用啊，鼠标移动上去导航条"乱抖动"```````````````````````写的对吗
.top_8 #top_7{
padding-left:410px;
width:1000px;
}
.top_8 #top_7 ul {
float:left;
list-style:none;
}
.top_8 #top_7 ul li{
float:left;
}
.top_8 #top_7 ul li a:hover{
background:url(../QW/123.gif);
width:51px;
height:22px;
}