Question

我正在使用Magnific Popup在Joomla中显示照片画廊！（K2的SIG Pro插件的一部分）。除Google Chrome和Apple Safari外，所有浏览器都能正常运行。单击图像打开弹出窗口并关闭它后，页面上会留下一个不可见的DIV，以便将鼠标悬停在页面内容上会导致出现第二个滚动条（在此隐藏的DIV中？）。

以下是包含此问题的网页示例： http://surfaceartinc.com/designer-glass-and-metals/itemlist/category/417-translucent-fresco-glass.html

按照以下步骤复制问题：

打开Google Chrome（或Apple Safari）
访问上面的页面（或网站上的类似产品页面）
点击页面底部的小色样图片
退出该图像/弹出窗口
将鼠标悬停在该页面底部的任何小色样图像上，并在滚动条显示时观察页面的移动

我已经查看过这个弹出式脚本（包括SIG专业版演示）的其他一些演示，这些演示没有这个问题：

这个问题似乎与我建立的网站有关。任何人都可以看到这场冲突的根源吗？

Answer 1

本例中的问题是Magnific Popup的CSS中的光标设置。我修改了magnific-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之外的所有浏览器中打开弹出窗口时，当鼠标悬停在灰色叠加层上时，这会移除缩小光标。我不知道为什么光标是一个问题，但是＆＃34;转移＆＃34;效果不是登录者的问题。

Magnific Popup在Chrome和＆amp ;;苹果浏览器

1 个答案: