Jquery 移动设备中的Fancybox工作不正常,Fancybox覆盖隐藏Fancybox包装。
我的链接在笔记本电脑和台式电脑的所有浏览器中都能正常工作吗?但是当你在移动设备中打开这个链接时,特别是在像I-PAD这样的移动设备上,覆盖层会隐藏整个内部html内容。你的回答将非常感谢Jquery 移动设备中的Fancybox工作不正常,Fancybox覆盖隐藏Fancybox包装。,jquery,css,fancybox,Jquery,Css,Fancybox,我的链接在笔记本电脑和台式电脑的所有浏览器中都能正常工作吗?但是当你在移动设备中打开这个链接时,特别是在像I-PAD这样的移动设备上,覆盖层会隐藏整个内部html内容。你的回答将非常感谢 要选中fancy box,请单击顶部菜单上的登录和注册图标,您可以单击页脚电子邮件提醒按钮 快速查看链接,它似乎是由这行css引起的: .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidde
要选中fancy box,请单击顶部菜单上的登录和注册图标,您可以单击页脚电子邮件提醒按钮 快速查看链接,它似乎是由这行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索引更改为更低的值,例如:
.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索引更改为更低的值,如999。i、 e
.pollSlider {
position: fixed;
height: 100%;
width: 310px;
right: 0px;
margin-right: -310px;
z-index: 999;
background: #e6e6e5;
}
我知道这一点,但问题是,这个手表网站在其他页面中有很多插件和div,其中一些div的z索引更高,但当我在Pancyboz pagewrap中使用比z索引更高的z索引时,overlay会在移动设备中隐藏pagewrap,你可以通过更高的z索引来做一些事情吗,通过使用web inspector进行调试,在ipad上的safari中,fancybox的“内容”似乎不在“覆盖”分区中。因此,由于“覆盖”现在是在html中的“内容”之后定义的,并且它们都具有相同的z索引值,因此它将位于顶部。