Javascript 打开面板的HTML按钮

我正在做一个学校项目（和另外三个人一起），我们决定做一个游戏。我们才刚刚开始，但我遇到了一个问题

我想在页脚的一个按钮打开一个面板，其中有一个标题和一些文本

我为难看的颜色和布局感到抱歉，这只是所有的东西：

---

因此，需要打开一个面板。

我不知道您对CSS和JS有多熟悉，但您可以做两件事：

一,。 在body元素的根中使用div，使用

position:absolute

或

position:fixed

（取决于您的设计和布局）和

z-index:-100

或任何需要隐藏它的内容，然后使用JS或jQuery更改z-index使其可见

二,。

---

像第一个解决方案一样，使用按钮直接从字符串将元素插入和删除到根DOM中。

问题是什么？你的代码在哪里显示了努力和进步？你试过什么了吗？如果您想更改事件中的某些内容（在本例中为

单击
），则需要使用一些javascript。祝您好运。如果遇到特定的问题，请不要犹豫提问。Tim，欢迎来到Stack Overflow。你想做的是完全可能的，但你需要研究它，你需要使用Javascript，所以谷歌类似“Javascript弹出框”或类似的东西。您还可以查看javascript fancybox，这可能会有所帮助。谢谢！在我做了div之后，我使用JS来更改z索引。它现在可以工作了：D