使用纯CSS/HTML弹出div，无需更改视口位置

我试图实现的是一个带有纯CSS的弹出窗口，即不使用JavaScript。我使用

目标

伪类想出了一个解决方案，但问题是每当我单击弹出窗口的

关闭

按钮时，它就会将视口滚动到我指定的

href

元素，在本例中为

#home

。我想要实现的是视口不移动的功能，无论滚动位置如何。例如，如果打开弹出窗口，然后滚动到最后一个部分，然后单击“关闭”按钮，则视口应保持在最后一个部分

这里是jsFiddle:

将href替换为#popup:target

  <a href="#popup:target">Close</a>