Jquery 轮播中的图像对 CSS 没有反应：悬停

Question

我遇到一个问题，我的 Jquery 旋转木马中的图像对 :hover 没有反应。然而有趣的是，该系列的最终图像确实对“:hover”做出反应。我完全不知道为什么会这样。

我想知道是否有人可以提供有关此问题的任何见解。即使像这样广义地使用 CSS 也不会产生结果。

li {
cursor: pointer;
transition: all 2s;
-webkit-transition: all 0.7s ease;

}

li:hover {

transform: scale(1.2);
-webkit-transform: scale(1.2);

}

这是相关代码的 JSFiddle。

提前致谢。

Answer 1

.mi-slider .poster-group-current li a:hover {
 opacity: 0.7;
} 

.poster-group {
    z-index: 999;
}

.poster-group-current {
    z-index: 9999;
}

其他 .poster-group 个元素与当前元素重叠。这使您的 css 无需任何其他更改即可为我工作

images in a Jquery carousel aren't reacting to CSS :hover