通過css轉換鏈接顯示時的Fancybox問題

Question

更新：通過更新到最新的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 a樣式中刪除所有轉換規則，Fancybox可以正常工作，縮略圖可以縮放，但不會平滑過渡。有沒有辦法解決衝突，所以我可以有一個穩定的Fancybox彈出以及平滑的縮略圖轉換？

Answer 1

它不應該影響fancyBox，除非您將「thumb」類添加到body或html元素。

我做了一個快速測試，以確保它正常工作。