应用浮动窗口和 zindex 的问题答案

【问题标题】：Problem with floating window and zindex applied应用浮动窗口和 zindex 的问题
【发布时间】：2009-09-23 07:17:59
【问题描述】：

我有两个框架 - 例如 frame1 和 frame2
我在 frame2 中有一个按钮，点击它时会出现一个浮动窗口。
问题是，当点击frame2中的按钮时，浮动窗口部分出现在frame1后面。我需要显示应该浮动在 frame1 和 frame2 上的浮动窗口。我为此给出了 poistion:absoulte 和 zindex .. 但它不起作用。
请给我一个解决方案..
谢谢
普雷文·J

【问题讨论】：

标签： javascript css

【解决方案1】：

框架本质上是将两个不同的网站合二为一。 Zindex 帮不了你。这是不可能的。话虽如此，不同的浏览器会有不同的表现

【讨论】：

【解决方案2】：

带框架的内容不可能跳出它所显示的框架。无论您使用什么 CSS 定位，div 都将始终留在它的框架内。

您可能需要考虑一些替代选项：

使用 iframe 代替框架，并在父级（iframe 之外）上显示“浮动窗口”
使用window.open 打开一个真实的窗口，而不是 CSS 定位的“假”弹出窗口。

【讨论】：

【解决方案3】：

您可以尝试将浮动窗口的 html 放在 html 页面的底部，就在标记之前。由于浏览器从上到下渲染它们，最后渲染的元素应该自动放置在顶部。

我自己之前在使用 Z-index 时遇到过一些问题，我真的不知道为什么它并不总是像您期望的那样工作。

更新： 我虽然他的意思是“divs”和“frames”

【讨论】：