css - 使用 Bootstrap 将悬停效果剪裁到父级

Question

我正在尝试使用 Bootstrap 和我自己的 CSS 来创建悬停效果。问题是父容器，轮播，正在裁剪我的悬停效果。

我想要的外观是这样的(将鼠标悬停在具有长描述的元素上):

http://www.ebay.com/sch/Other-/26261/i.html?rt=nc&_dmd=2

这就是我现在的尝试:

这就是我要实现的目标:

我已经尝试覆盖父溢出元素，但无济于事。

悬停效果需要:

• 轮播中的所有图片大小相同
• 覆盖它下面的任何内容

这是 fiddle :Fiddle

我做错了什么？

Answer 1

如果您使用的是 Bootstrap，为什么不直接使用 Popover？:

$('.thumb-hover').popover({
  title: "This is a title",
  content: "This is a test",
  trigger: 'hover',
  placement: 'bottom'
});

JSFiddle