Question

我目前有一个带有几个按钮的页面。当我点击按钮时，我想在父页面中打开一个新的html页面。我希望这样做，父窗口变得透明，新页面就在它上面。我该怎么做呢？我曾试图使用Iframe但它没有给我我想要的输出。

Answer 1

詹姆斯·基尔希为你提供了一种方法。另一个是你需要它时显示一个隐藏的DIV。在这两种情况下，您可能必须在DIV（或打开的窗口）后面放置一个半透明的GIF图像，这样在完成与新窗口的交互之前，有人无法对网页的其余部分执行任何操作。您可以使用z-index CSS命令执行此操作。所以DIV会是：

<DIV style='z-index:100;'>....</DIV>

，图像就像

<img src="PUT YOUR PATH HERE" style='position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:50;'>

这会将GIF图像放在网页和DIV之间。

以上是您访问网站时发生的事情，并且他们会在新窗口后面显示所有内容。当你不希望他们这样做时，它也会阻止人们按下按钮。

IFRAME代表类似INSERTED_FRAME的内容，其中“INSERTED”部分表示它已插入到您已存在的网页中。这就是为什么它不起作用。 FRAME命令也不起作用，因为（再次）它嵌入到预先存在的网页中。您想要在网页顶部放置新窗口。因此，基尔希先生的答案和我自己的答案。请注意，您也可以使用TABLE命令执行相同的操作 - 即使目前不使用表也不赞成。命令的STYLE部分导致HTML元素出现在网页的其余部分之上，而不是任何特定的HTML命令本身。此外，STYLE命令的“position：absolute”部分覆盖了网页对元素的定位。玩得开心！

Answer 2

在Javascript中你考虑过使用以下内容吗？

window.open();

此调用似乎采用了位置和大小的参数，如果您愿意，您也可以关闭上一个窗口，或者操纵它。

示例：

window.open('this.html','','left=15,top=15,width=800,height=600');

参考：Abort

在另一个html窗口中创建一个html窗口

2 个答案: