java前端:鼠标悬浮显示图片
html写法如下,注意:放图片一定需要一个DIV或者LI等,一定要有一个容器,且固定大小<div id="idd" class="classs"><img src="images/***/***.png"/></div>对应CSS如下,首先定义div框大小
·
html写法如下,注意:放图片一定需要一个DIV或者LI等,一定要有一个容器,且固定大小
<div id="idd" class="classs">
<img src="images/***/***.png"/>
</div>
对应CSS如下,首先定义div框大小,利用hover关键字定义图片是否显示
#idd {
position: absolute;
left: 125px; //位置和大小自己定义
top: 171px;
width: 20px;
height: 20px;
cursor: pointer;//cursor即鼠标悬浮时鼠标样式,pointer为小手
}
#idd img{
display:none;
}
#idd:hover img{
display:block;
}
踩过的坑:开始没有定义好div大小,没有固定,所以出问题
更多推荐
已为社区贡献1条内容
所有评论(0)