Question

我遇到的问题是我的Jquery旋转木马中的图像没有响应：悬停。然而有趣的是，系列中的最终图像DOES对“悬停”做出反应。我没有最微弱的线索，为什么会这样。

我想知道是否有人可以提供任何有关此问题的见解。即使使用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。

http://jsfiddle.net/robbiemissile/9aLfg2xw/

提前致谢。

Answer 1

＆＃13;

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

＆＃13;

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

Jquery轮播中的图像不响应CSS：悬停

1 个答案: