CSS或者JS如何:使鼠标滑动到表格时弹出层(显示层),移走时又关闭(隐藏)层?
1个回答
展开全部
<style type="text/css">
.mytab .con {position:relative;}
.mytab .tip{visibility:hidden;position:absolute;top:-32px;height:30px;line-height:30px;padding:0 10px;border:1px solid #ddd;background-color:#FFe;width:100px;}
.con:hover .tip{visibility:visible;}
</style>
<table id="test" class="mytab">
<tr>
<td><div class="con">
看什么看?
<div class="tip">我是提示层</div>
</div></td>
</tr><tr>
<td><div class="con hover">
看什么看?
<div class="tip">我是提示层</div>
</div></td>
</tr>
</table>
.mytab .con {position:relative;}
.mytab .tip{visibility:hidden;position:absolute;top:-32px;height:30px;line-height:30px;padding:0 10px;border:1px solid #ddd;background-color:#FFe;width:100px;}
.con:hover .tip{visibility:visible;}
</style>
<table id="test" class="mytab">
<tr>
<td><div class="con">
看什么看?
<div class="tip">我是提示层</div>
</div></td>
</tr><tr>
<td><div class="con hover">
看什么看?
<div class="tip">我是提示层</div>
</div></td>
</tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询