使用css转换在链接上显示时出现Fancybox问题

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;
}

如果我只是从.tumb-a样式中删除"display:block"，Fancybox可以很好地工作，但我的转换根本不起作用。或者，如果我离开"display:block"，但从.tumb a样式中删除了所有的转换规则，Fancybox可以很好地工作，缩略图可以缩放，但没有平滑的转换。有没有办法解决冲突，这样我就可以有一个稳定的Fancybox弹出窗口以及平滑的缩略图转换？

Answer 1

除非将"thumb"类添加到body或html元素，否则它不应该影响fancyBox。

我做了一个快速测试，只是为了确定它是否有效。