Javascript 如何在提交后使用背景模糊的iframe显示页面

有谁能帮助我在提交后如何使用背景模糊的iframe显示页面

---

我所说的“提交”是指在提交带有“提交”按钮的表单后（这是您显示的图像的副本。单击按钮后，我使用div模拟透明背景，并在其中居中显示iframe。操纵最后一个rgba值以增加或减少背景的不透明度（0是完全透明的，1是不透明的）

函数取消隐藏（）{
document.getElementById（'background'）.style.display='flex'；
}

.background{
显示器：flex；
证明内容：中心；
对齐项目：居中；
位置：绝对位置；
最高：0%；
左：0%；
宽度：100%；
身高：100%；
背景色：rgba（0,0,0,0.3）；
z指数：9999；
显示：无；
}

Cick Me

这不是模糊的，这是一个模式窗口的半透明背景。为了提供建议，我们需要查看您的代码、场景的上下文以及您在研究中尝试和/或发现的内容。我对此一无所知，谢谢，我只是意识到这不是“模糊的”，但关于我的代码，我只有一个简单的html表单，其中有一个submit bouton“

”在提交表单后，我想用上面提到的样式显示另一个html页面非常感谢，我真的很感谢你的帮助你的代码做得很好，有没有什么方法可以让html页面在提交相同样式的表单后自动显示iframe？一旦表单提交，你会怎么做显示透明背景的iframe？是的，就是这样。我假设这是您的提交输入：

这将在单击时触发iframe。非常感谢！