将图像放在光滑的旋转木马前面

Question

我用光滑创建了一个旋转木马/滑块图像,现在我想在悬停时增加图像的大小.

当我尝试这样做时,图像被光滑的容器切断.如何将图像放在前面,这样我才能看到整个图像？我尝试使用,z-index但它不起作用.

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

我想要的是:

Answer 1

问题是光滑添加overflow:hidden到包含图像的光滑滑块类.

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

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

编辑:

我的坏,你应该这样做

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

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