在fancybox中重叠内容?

时间:2010-01-21 11:05:52

标签: jquery fancybox

我有一个fancybox模式窗口,可以加载一页内容(表单)。

在表单的每个输入上都有一个单击事件,显示输入右侧的帮助提示。

我的问题是 - 如何从fancybox中创建一个元素'breakout'并重叠边缘,这样它就是z-index中的最高元素?我希望帮助提示重叠fancybox的边缘。

我已尝试将帮助提示设置为1,000,000的z-index,但它无法修复它。 fancybox脚本是否将自身设置为页面上的最大z-index?

3 个答案:

答案 0 :(得分:1)

在firefox上使用firebug,或检查chrome中的modal元素以查看它的css并查找此fancybox模式窗口的z-index。也许它可以帮助你解决问题。

答案 1 :(得分:1)

第298行有:

tmp.wrapInner('<div style="width:' + w + ';height:' + h + ';overflow: ' + (selectedOpts.scrolling == 'auto' ? 'auto' : (selectedOpts.scrolling == 'yes' ? 'scroll' : 'hidden')) + ';position:relative;"></div>');

你需要删除: ;overflow: ' + (selectedOpts.scrolling == 'auto' ? 'auto' : (selectedOpts.scrolling == 'yes' ? 'scroll' : 'hidden')) +'

这条线看起来像:

tmp.wrapInner('<div style="width:' + w + ';height:' + h + ';position:relative;"></div>');

然后在css上删除fancybox内容溢出atrribute。

现在你的工具提示会像他们应该的那样工作。

我知道fancybox v1的作者在那里制作了一个if语句,它将trun溢出auto / hidden来滚动或不滚动但是他应该在整个溢出参数周围进行,因为那是什么导致重叠问题。

抱歉我的英语很差,我很匆忙。

答案 2 :(得分:0)

我最终发现另一段脚本正在弄乱页面上的所有z索引,试图绕过臭名昭着的IE7 z-index issue - 一点点jiggery pokery,现在一切都好了。

喜欢挑选遗留代码!