css代码如下
<style type="text/css">
/*Tooltips*/
.tooltips{ display:blockposition:relative/*这个是关键*/ z-index:2}
.tooltips:hover{ z-index:3background:none/*没有这个在IE中不可用*/ }
.tooltips span{ display: none}
.tooltips:hover span{
/*span 标签仅在 :hover 状态时显示*/
display:block
position:absolute
top:2px
left:1px
width:220px
border:1px solid black
background-color:#FFFFFF
padding: 3px
color:black
}
</style>
希望能帮到您，谢谢！
微信小程序的最下方的tab有两种方式，一种是微信小程序自带的，另外一种是自己实现或使用组件来做。两种tab都只能用一种方式来实现这个tooltip。
使用div和css制作一个这个tooltips，然后用css定位到屏幕最下方。
实现这种tooltips的代码全网到处都是，可以使用伪类、css+div等方式来做这个提示框。
