Изображения в карусели Jquery не реагируют на CSS:hover

У меня возникла проблема, когда изображения в моей карусели 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 соответствующего кода.

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

Заранее спасибо.

Источник

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 работать для меня без каких-либо дополнительных изменений

Источник
Другие вопросы по тегам