前端標簽實現鼠標放上去出現懸浮窗效果

1.定義css樣式
<style type="text/css">
    a.popup{position:relative;}
    a.popup span{display:none;position:absolute;top:-40px;left:2px;z-index: 99;border: 1px solid; padding:4px;width:100px;}
    a.popup:hover span{display:block;}
</style>

2.<a>標簽引入上面的樣式

<a href="#" class="popup" style="color:red" >a標簽標題    

  <span style="background-color: #F1867C;color:black;width: 140px;height:40px;">懸浮窗文字</span>

</a>

文末小福利免費視頻資源網站(搜索猴)：www.sousuohou.com

電影公眾號：https://m.veikee.cn/