Проблемы с Fancybox при отображении по ссылкам с css-переходами

Question

UPDATE: Эта проблема была исправлена ​​путем обновления до последней версии 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; 
} 

Если я просто удалить «дисплей: блок» из .thumb набора стилей, FancyBox работает отлично, но тогда мои преобразования не работают. Или, если оставить «display: block», но удалить все правила перехода из стилей .thumb, Fancybox отлично работает, а масштаб эскизов, но без плавного перехода. Есть ли способ разрешить конфликт, так что я могу иметь стабильное всплывающее окно Fancybox, а также гладкие переходы эскизов?

Answer 1

Он не должен влиять на fancyBox, если вы не добавите класс «большого пальца» в body или html.

Я сделал быструю проверку, чтобы быть уверенным, и она отлично работает.