我正在尝试创建一个列表，在该列表上单击每个项目将打开一个具有自己的覆盖文字的新覆盖。
这是到目前为止我尝试过的JSFiddle，但是它不起作用。理想情况下，点击A将打开半透明的覆盖层，覆盖整个屏幕，文本为Overlay Text - A。
我以W3CSchools'为例介绍了叠加图。
我已经用HTML，CSS，Javascript进行编码总共3天了，并试图尽可能地找出一些东西。因此，如果您发现一些明显的错误或错误的编码样式，请向我指出，然后我将尝试确保遵循您的说明。
谢谢！
答案 0 :(得分：3)
这是一个工作的小提琴：
https://jsfiddle.net/kelvinsusername/xr0ed6ft/
我更改了一些js（使用getElementById而不是getElementByClass <-我想您要使用getElementsByClass，它将返回一个集合吗？）：
document.getElementById("overlay").style.display = "block";
然后将html重组为一个覆盖层，这样就不会嵌套onclicks了-将onclick嵌套在另一个具有onclick的元素中意味着两个都将运行（除非您停止了事件传播）