“继续”按钮不会关闭该框

Question

所以我有这个网站即时创建它在它的中心有一个框，当我在右下角继续推动时，我希望框消失并显示它背后的网站。

我该怎么做？我不是一个强大的程序员，但是我可以做一点指导。提前感谢大家的帮助。

如果我的解释不好，我附上了一张照片。（我想我没有足够的声誉这样做）:( 也不确定我是否将这个问题放在正确的论坛中......

-Sa！

Answer 1

这是你可能要描述的一种方式：

您需要div id属性，以及id按钮：

<div id='overlay'><button type='button' id='btncontinue'>Continue</button></div>

您可以使用CSS（可能）设置样式：

#overlay {
    background:black;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1000;
}

您可以像这样切换叠加层：

document.getElementById('btncontinue').onclick = function() {
    document.getElementById('overlay').style.display = 'none';
}

---

只是为了踢球，一种有趣的替代方法是获得宽度100％和高度100％：

#overlay {
    background:black;
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1000;
}