Question

Here是我的链接，花式框在笔记本电脑和台式机的所有浏览器中完美运行但是当您在移动设备中打开此专用移动设备（如I-PAD）时，叠加层会隐藏整个内部html内容。你的回答将非常感激。

要查看顶部菜单上的花式框，请点击登录和注册图标，然后点击页脚电子邮件提醒按钮。

Answer 1

通过快速查看链接，它似乎是由这行css引起的：

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 999999999999;
    background: url("http://design.mobulous.com/Watch/css/../images/fancybox_overlay.png");
}

尝试将z-index更改为更低的值，例如：

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 99999;
    background: url("http://design.mobulous.com/Watch/css/../images/fancybox_overlay.png");
}

此外，如果您希望将fancybox叠加在其他内容之上，则需要将pollSlider元素上的z-index更改为更低的值，如999。即。

.pollSlider {
    position: fixed;
    height: 100%;
    width: 310px;
    right: 0px;
    margin-right: -310px;
    z-index: 999;
    background: #e6e6e5;
}

移动设备中的Fancybox运行不正常，fancybox overlay隐藏了fancybox wrap。

1 个答案: