css – 使用Bootstrap剪切到父级的悬停效果

2023年5月29日 209次阅读

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

我想要的外观是这样的(将鼠标悬停在具有长描述的项目上)：

这就是我现在的尝试：

这就是我想要实现的目标：

我试过覆盖父溢出元素无济于事.

悬停效果需要：

>对于旋转木马中的所有图像,大小相同
>覆盖其下的任何内容

这是小提琴：Fiddle

我究竟做错了什么？

最佳答案如果您使用的是Bootstrap,为什么不使用Popover？：

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