如何仅使用css或css+jquery构建悬停效果

你能帮我建立悬停效果，就像在截图上一样，只用css吗？或者，使用css+jquery。 谢谢]

1使说明可见 2.定位 3利润

来自工作现场的示例

css:

html:

---

请看ebay.com阿里巴巴.com上的工作示例，许多大型和流行的销售网站使用了很长一段时间，只需将其复制粘贴到您的代码中

把你目前掌握的代码贴出来

.m-gallery-product-item .hover-wrap {
    display: none;
    height: 0;
}


.m-gallery-product-item .item-main:hover .hover-wrap {
    display: block;
    position: relative;
    z-index: 3;
}

<div class="m-gallery-product-item">
 <div class="item-main">...
  <div class="item-img">,</div>
  <div class="item-info">,</div>
  <div class="hover-wrap"> 
   <div class="hover-main">
    <div class="tags"> ,,,,,,,,, </div> 
   </div> 
  </div>
 </div>
</div>