html - 是否可以在悬停 标签时显示 div

Question

我设计了 <p>用作购物车按钮的标签。

现在我想制作一个弹出框，它会在鼠标悬停在 <p> 上时出现。包含购物车详细信息的标签。

Answer 1

HTML

   <div id="product_list">
   <p class="poverlay" style="display:none;">Cart Details</p>      
    test elements test elements test elements test elements test elements
   </div>

CSS

    <style>
    #product_list{
     display:block;
     z-index:1;
     width:100px;
     height:100px;
     border:1px solid #ccc;
     padding:10px;
    }
    #product_list:hover > p.poverlay {
        display:block !important;
        top:0px;
        left:0px;
        position:absolute;
        padding:10px;
        color:#f00;
        font-weight:bold;
        z-index:2;
    }
    </style>