Html 是否可以在a<；p>；标签

我设计了一个

标记，它的行为就像购物车按钮

---

现在我想创建一个弹出框，它将出现在

标记的悬停位置，其中包含购物车的详细信息。

您可以在CSS中使用类似的内容：

您的弹出窗口开始隐藏：

#popupId{
    display: none;
}

当您将

p

元素悬停时，会使其出现

p:hover #popupId{
    display: block;
}

然后用您想要显示的信息填充它。

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

#产品目录{
显示：块；
z指数：1；
宽度：100px；
高度：100px；
边框：1px实心#ccc；
填充：10px；
}
#产品列表：悬停>p.poverlay{
显示：块！重要；
顶部：0px；
左：0px；
位置：绝对位置；
填充：10px；
颜色：#f00；
字体大小：粗体；
z指数：2；
}

是的，我做到了！！！！以我想要的方式

---

感谢所有的乔希、安基特、斯瑞康、普尼塔，这绝对是可能的。但是，如果您想要CSS解决方案，它将取决于标记的结构。请提供相关的HTML/CSS。这是一个简单的例子，说明您可能想要做什么。但是，您周围的标记非常重要，因此我们可以说任何事情。是的，有很多方法可以做到35; div.product:hover>p.cart_details{display:block；}

    <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>