首页 > 解决方案 > 在悬停时让 div 在所有其他 div 上扩展高度,Bootstrap

问题描述

http://mw.ecologik.net/projects/

测试项目在这里。我正在尝试让我的 div 悬停以扩展新内容。我使用简单的 jQuery 完成了这项工作,但也可以使用 css。
我遇到的问题是我要求引导程序违反其规则。我希望悬停时的 div 越过下面的 div,所以我没有得到空白。我在其他网站上看到过,但他们没有使用 BS 模型。有什么想法吗?我的代码col-sm-4连续重复。

标签: jquerycsstwitter-bootstrap

解决方案


你可以改成这样

<div class="col-sm-4 each-proj pl-0 pr-0" style="height: 250px; border: 10px solid white; z-index: 100; overflow: unset;">

不要改变height: auto它只是让它保持打开250px;但给它overflow: unset; 对于有内容的div,添加background: #fff;

在此处输入图像描述


推荐阅读