web前端|html教程
触发a标签hover事件,如何在元素底部显示蓝色底块
web前端-html教程
a a:hover html 鼠标悬浮
edit源码,ubuntu+ftp爆破,tomcat环境变量怎么改,爬虫结果怎样拼接,php劳动管理与记录系统,易懂seo系统lzw
要显示的效果图如下:[align=center]
[/align]
免费婚纱摄影网站源码,ubuntu低版本,tomcat重定向无法访问,网络爬虫技术架构,苹果笔记本搭建php,提升seo工lzw
代码如下:
stm8 bldc源码,vscode插入背景图片,ubuntu终端zsh,tomcat项目同时启动,owhat集资爬虫,php 工程实例,仙桃低成本seo推广开户lzw
div.menu ul li a:hover
{
color: #000000; /* 文字颜色 */
text-decoration: none; /* 不显示超链接下划线 */
background-color:Blue;
background-repeat: no-repeat;
background-position:bottom; 这里设置了无效??
height: 1px;
width:45px;
}
联系我们
关于创恒
产品代理
问题是:当鼠标移到标题时,显示蓝色背景在元素顶部,而非在其底部?
运行的效果图如下:
回复讨论(解决方案)
你可以用li:hoverborder-bottom:3px solid blue;
background-position:bottom; //是针对背景图片的位置,不是背景颜色
height: 1px;//这里的高度为什么是1px?有什么目的?
width:45px;
可以采用1楼的做法,设置底部边框
还有给你个动画效果的网址,Jquery直接接口调用
不需多写代码
/blog//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,dongjunhui
谢谢大家!
still_melody,zhoufeng0401,dongjunhui
谢谢大家!
警告楼主,除了a元素之外,一些浏览器可能不支持其他元素的hover