2

我有一个可以加载内容页面（表单）的 fancybox 模式窗口。

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

我的问题是——我怎样才能使一个元素“突破”从幻想框并重叠边缘，使其成为 z-index 中的最高元素？我希望帮助提示与幻想框的边缘重叠。

我尝试将帮助提示设置为 1,000,000 的 z-index，但它并没有解决它。fancybox 脚本是否将自身设置为页面上的最大 z-index？

4

3 回答 3

1

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

于 2010-01-21T15:51:53.863 回答
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>');

然后在fancybox内容的css中删除溢出属性。

现在您的工具提示将按应有的方式工作。

我知道fancybox v1的作者在那里做了一个if语句，它将自动溢出/隐藏滚动或不滚动，但他应该在整个溢出参数周围制作if，因为这就是导致重叠问题的原因。

对不起我的英语不好，我很着急。

于 2012-04-26T11:38:42.010 回答
0

我最终发现另一段脚本弄乱了页面上的所有 z-index 以尝试解决臭名昭著的IE7 z-index 问题- 有点诡计多端，现在一切正常。

必须喜欢拿起遗留代码！

于 2010-09-26T14:57:15.343 回答