1

我正在尝试将叠加层包含在本网站中的 div 中。我正在尝试通过 JQuery 在悬停时实现响应式淡入。

http://www.unheap.com/

<div class="col-md-3">
    <div class="tile-item">
       <div class="tile-head text-center bg-red">
           <div class="tile-head-overlay text-center">
               <button class="btn btn-default btn-xs">New</button>
               <button class="btn btn-default btn-xs">View History</button>
           </div>
           <h1><span class="glyphicon glyphicon-calendar"></span></h1>                        
       </div>
       <div class="tile-content">
           ...
       </div>
     </div>
</div>

CSS

.tile-head-overlay {
  /*display:hidden;*/
  position: relative;
  width: 100%;
  height:100%;
  z-index: 10000;
  background-color: #403D3C;
}

这个设置似乎没有覆盖整个顶部 div。我也不知道如何通过 JQuery 调用它。我所知道的是我必须通过 Hover() 使用 Jquery 的 FadeToggle() 函数

有人可以指出我正确的方向吗？

谢谢！

4

0 回答 0