CSSの切り替えでリンク上に表示するとFancyboxの問題が発生する

Question

更新：最新のfancybox 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; 
} 

：ここでは、リンクに関連するCSSだ.thumbからスタイルを、Fancyboxが正常に動作しますが、その後、私の変換はまったく動作しません。または、「display：block」のままにして、.thumbスタイルからすべてのトランジションルールを削除すると、Fancyboxはうまく動作し、サムネイルの縮尺はスムーズに変わりません。競合を解決する方法があるので、安定したFancyboxポップアップとスムーズなサムネイルの切り替えができますか？

Answer 1

あなたがbodyかhtml要素に「親指」クラスを追加しない限り、それはfancyBoxに影響はありません。

私はすぐにテストを行いました。