触发a标签hover事件，如何在元素底部显示蓝色底块_html/css_WEB-ITnose
[/align]
代码如下：
问题是：当鼠标移到标题时，显示蓝色背景在元素顶部，而非在其底部？
运行的效果图如下：
回复讨论(解决方案)
你可以用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
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频