回复讨论(解决方案)

你可以用li:hover border-bottom:3px solid blue;

background-position:bottom; //是针对背景图片的位置,不是背景颜色

height: 1px;//这里的高度为什么是1px?有什么目的？

width:45px;

可以采用1楼的做法，设置底部边框

还有给你个动画效果的网址，Jquery直接接口调用

不需多写代码

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

里边有你的效果

background-position是设置背景图像的起始位置，你也没有背景图像啊，另外你还设置了background-repeat，也是没用的。还有，对a设置height和width也是无效的，除非它的display设置成block。

你可以让li的border-bottom显示出来啊，用jquery很简单的：

$("#ul li").hover(function(){

$(this).css("border-bottom","1px solid red");

},function(){

$(this).css("border-bottom","none");

});

still_melody,zhoufeng0401,dongjunhui2010

谢谢大家！

still_melody,zhoufeng0401,dongjunhui2010

谢谢大家！

警告楼主，除了a元素之外，一些浏览器可能不支持其他元素的hover

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理