我有一个fancybox模式窗口,可以加载一页内容(表单)。
在表单的每个输入上都有一个单击事件,显示输入右侧的帮助提示。
我的问题是 - 如何从fancybox中创建一个元素'breakout'并重叠边缘,这样它就是z-index中的最高元素?我希望帮助提示重叠fancybox的边缘。
我已尝试将帮助提示设置为1,000,000的z-index,但它无法修复它。 fancybox脚本是否将自身设置为页面上的最大z-index?
答案 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,现在一切都好了。
喜欢挑选遗留代码!