我正在运行Masonry和所有我的帖子容器div,并且我希望将鼠标悬停在post div上时显示标题和标签。 我试图将标题显示在帖子上方,并将标签显示在帖子下方,并在将鼠标悬停在帖子上方时将其他帖子推到该帖子周围。

当我将鼠标悬停在帖子上时,标题显示会正确地将其上方的div推开,但底部div不会将其推开,而是显示在其下方的帖子下方。

<div id="content">
  <div class="post">
     <div class="title">Post Title</div>
     <div class="image2"></div>
     <div class="details">Post Details</div>
  </div>
  <div class="post">
    <div class="title">Post Title</div>
    <div class="image2"></div>
    <div class="details">Post Details</div>
  </div>
  <div class="post">
     <div class="title">Post Title</div>
     <div class="image1"></div>
     <div class="details">Post Details</div>
  </div>
  <div class="post">
    <div class="title">Post Title</div>
    <div class="image1"></div>
    <div class="details">Post Details</div>
  </div>
  <div class="post">
    <div class="title">Post Title</div>
    <div class="image1"></div>
    <div class="details">Post Details</div>
  </div>
  <div class="post">
    <div class="title">Post Title</div>
    <div class="image2"></div>
    <div class="details">Post Details</div>
  </div>
  <div class="post">
    <div class="title">Post Title</div>
    <div class="image2"></div>
    <div class="details">Post Details</div>
    </div>
  <div class="post">
    <div class="title">Post Title</div>
    <div class="image1"></div>
    <div class="details">Post Details</div>
  </div>
</div>

===============>>#1 票数:0

正如雅库布(Jakub)所说,定位是错误的。 在您的示例中,我添加了

#content div{
        position: static !important;
    }

并纠正了问题。 虽然这有效。 它仍然无法正常运行。 我建议建立一个新的容器div,在整个容器div上的div“正方形”上设置边距和内边距,直到按需工作为止。

  ask by user2120881 translate from so

未解决问题?本站智能推荐:

1回复

当我将鼠标悬停在另一个div上时,可以平滑div的淡入

尊敬的Stackoverflow读者, 使用jQuery,在将.moreBio悬停在.biography之后,是否有办法使.moreBio的淡入淡出? 我的代码现在有两个问题: 当我第一次将鼠标悬停在.biography , .moreBio在我希望逐渐消失为opacity:
1回复

在鼠标悬停时在div上创建移动文本

我正在创建一个以Metro UI为主题的网站,我想知道如何在鼠标悬停在图块上的情况下移动文本。 我想在此网页上实现类似悬停效果。
2回复

jQuery在鼠标悬停在其他特定元素上时显示不同的元素(div)

FIDDLE >> http://jsfiddle.net/8bwSD/1/ 我正在使用HTML5,CSS3和jQuery创建一个网站。 我有一个图像库。 所有图像都有一个信息框(带有一些样式的简单div)。 将鼠标悬停在信息框上时,会显示相关信息。 下面是
1回复

将鼠标悬停在子div上时如何旋转父div?

html部分: 我知道我可以通过将鼠标悬停在父div上来旋转子div。 像这样: 但是,当我将光标悬停在子div上时,是否可以通过任何方式旋转父div? 抱歉,格式化错误。
4回复

悬停时在容器div中显示另一个div

我该怎么做:当光标经过容器div时,该容器内的另一个div具有其他属性,例如,我有一个容器div,其中包含另一个div且背景图片的不透明度为0.2。 我想使子div,当光标经过容器时,可见100%,属性opacity:1; 我怎样才能做到这一点? 这是一个示例,但不幸的是,仅当我将光标
4回复

鼠标悬停在div时如何从左右去除间距

大家好,请检查我的问题: https://jsfiddle.net/wLewuhz4/ 在这种情况下,当我将鼠标悬停在div ,左右空间就会出现,请帮助我解决此问题。 我希望在鼠标悬停时删除所有空间并显示全部背景。 谢谢
2回复

将鼠标悬停在主div上时,使其他两个div更改颜色

我有3个div。 当我将鼠标悬停在“ main” /“ first” div上时,我想在其中两个div中更改一些内容。 我真的, 真的想避免使用JavaScript / jQuery的,在这里。 我很确定这是可以做到的,我隐约记得前一阵子读过它,但是我再也找不到链接了,以前的搜索也无济
1回复

div将其他div悬停

我正在运行砌筑工和我的所有帖子,并且希望将鼠标悬停在帖子上时显示标题和标签。 我试图将标题显示在图像上方,并将标签显示在图像下方,并在将鼠标悬停在该帖子上方时,将其周围的其他帖子推开。 当我将鼠标悬停在帖子上时,标题显示会正确地将其上方的div推开,但底部div不会将其推开,而是显示在其
4回复

当鼠标悬停在一个div上时,更改其他div的类

我有四个div 。 当我悬停一个div ,它的height和width会随动画而增加。 我想要的东西就像我悬停在一个div它的大小增加而其他3个div大小正在减少。 我完成了直到在悬停时增加div大小我不明白如何一次改变所有其他div的大小。 这是我的HTML和CSS。
4回复

将鼠标悬停在div上时弹出图像(Jquery)

我需要协助。 我想让图像出现在鼠标位于div上方的位置。 我没有代码可以展示,因为我多次失败都没能实现这一目标。 谢谢。