ОБНОВЛЕНИЕ: эта проблема была исправлена путем обновления до последней версии fancybox css.
Я создаю сайт портфолио с миниатюрами, которые увеличиваются при наведении курсора, используя преобразования / переходы css.Проблема в том, что при просмотре всплывающего окна, если я перемещаю мышь, всплывающее изображение мигает / перепрыгивает по странице.Вот соответствующий CSS для ссылок:
.thumb a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: block;
}
.thumb a:hover {
-webkit-transform:scale(1.125, 1.125);
-moz-transform:scale(1.125, 1.125);
-o-transform:scale(1.125, 1.125);
-ms-transform:scale(1.125, 1.125);
transform:scale(1.125, 1.125);
z-index: 999;
overflow: visible;
}
Если я просто уберу "display: block" из стиля .thumb a, Fancybox будет работать нормально, но тогда мои преобразования не будут работать вообще.Или, если я оставлю «display: block», но удаляю все правила перехода из стилей .thumb a, Fancybox работает отлично, масштаб пиктограмм, но без плавного перехода.Есть ли способ разрешить конфликт, чтобы у меня было стабильное всплывающее окно Fancybox, а также плавные переходы миниатюр?