Jquery 在Chrome&Safari中放大弹出窗口，导致页面上出现DIV覆盖

我使用放大弹出显示照片库在Joomla！K2的SIG Pro插件的一部分。除了Google Chrome和Apple Safari之外，所有浏览器都运行良好。单击图像打开并关闭弹出窗口后，页面上会留下一个不可见的DIV，因此将鼠标悬停在页面内容上会在该隐藏DIV？中显示第二个滚动条

以下是有关此问题的页面示例：

按照以下步骤复制问题：

打开谷歌浏览器或苹果Safari 访问上面的页面或网站上类似的产品页面 单击页面底部的小色样图像 退出该图像/弹出窗口 将鼠标悬停在该页面底部的任何小色样图像上，观察滚动条出现时页面的移动 我已经看过这个弹出脚本的一些其他演示，包括没有这个问题的SIG Pro演示：

---

似乎这个问题是我建立的网站特有的。有人能看到冲突的根源吗？

本例中的问题是放大弹出窗口CSS中的光标设置。我修改了magnific-popup.css的第60-63行，如下所示：

发件人：

致：

---

当弹出窗口在除Firefox以外的所有浏览器中都打开时，当鼠标悬停在灰色覆盖上时，这将删除缩小光标。我不知道为什么光标会出现问题，但移动效果并不是问题。

作为说明，我在Firefox、Internet Explorer、Edge和Opera中进行了测试，但这些浏览器中都没有出现此问题。随着最近的Chrome更新，此问题再次出现，下面的修复程序也不再有效：

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