Magnific Popup在Chrome和Safari頁面上導致DIV疊加

我正在使用Magnific Popup在Joomla中顯示照片畫廊！（用於K2的SIG Pro插件的一部分）。除谷歌瀏覽器和Apple Safari之外，每種瀏覽器都可以正常工作。一旦你點擊圖片打開彈出框並關閉它，頁面上就會出現一個不可見的DIV，因此懸停在頁面內容上會導致出現第二個滾動條（在這個隱藏的DIV中？）。Magnific Popup在Chrome和Safari頁面上導致DIV疊加

這裏是此問題的頁面的例子： http://surfaceartinc.com/designer-glass-and-metals/itemlist/category/417-translucent-fresco-glass.html

按照下面的步驟來重現問題：

打開谷歌瀏覽器（或Apple Safari瀏覽器）以上
訪問頁面（或網站上的類似產品頁面）
單擊頁面底部的小色塊圖像
退出圖像/彈出
鼠標懸停在該頁面的底部，任何小的色塊圖像，將滾動條上出現

觀察頁面的移動，我認爲這一彈出腳本的其他幾個演示（包括SIG Pro的演示）不存在此問題：

看來這個問題是特定於我已經建立的網站。任何人都可以看到這種衝突可能植根於何處？

來源

2015-10-19 Michael Yaeger

作爲說明，我已經在Firefox，Internet Explorer，Edge和Opera中進行了測試，並且這些問題未出現在任何瀏覽器中。 –

在最近的Chrome更新中，此問題重新出現，下面的修復程序不再有效。 :( –

這種情況下的問題是在Magnific Popup的CSS中設置遊標。我已經修改莊重-popup.css的線60-63如下：

來自：

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { 
    cursor: -moz-zoom-out; 
    cursor: -webkit-zoom-out; 
    cursor: zoom-out; }

到：

.mfp-zoom-out-cur .mfp-image-holder .mfp-close { 
    cursor: -moz-zoom-out; 
    cursor: -webkit-zoom-out; 
    cursor: zoom-out; } 

.mfp-zoom-out-cur { 
    cursor: -moz-zoom-out; }

這懸停在灰色覆蓋時除去變焦出光標當一個彈出窗口在所有瀏覽器中打開但Firefox。我不知道爲什麼光標是一個問題，但「轉移」的影響是沒有登錄者的問題。

來源

2015-10-30 18:05:12

Magnific Popup在Chrome和Safari頁面上導致DIV疊加

回答

相關問題