javascript - 将图像放在光滑的轮播前

Question

我用 slick 创建了一个图片轮播/ slider 现在我想在悬停时增加图像的大小。

当我尝试这样做时，图像被光滑的容器 chop 了。我怎样才能把图像放在前面，这样我才能看到整个东西？我尝试使用 z-index 但它不起作用。

JSFiddle我的代码。这是有问题的悬停行为的屏幕截图。

我想要的:

Answer 1

问题是将 overflow:hidden 添加到包含您的图像的 slick-slider 类中。

您可以通过将此添加到您的 css 来覆盖它:

.my-slider > div {
  overflow:visible;
}

编辑:

我的错，你应该做

.my-slider > div {
  overflow-y:visible;
}

所以隐藏的图像将保持隐藏状态。