在页面上100%隐藏invis标语,当用户单击它时页面将被解锁

时间:2019-05-11 07:35:23

标签: javascript php html css

我该怎么做? -> invis横幅“锁定”页面,当用户单击该页面时,网站被解锁(invis横幅被删除),这样他就可以再次使用该网站

1 个答案:

答案 0 :(得分:0)

使用模式并编辑其大小以覆盖屏幕的100%,然后插入一个onClick函数以使其显示样式为none

一个简单的例子...

* {
  margin: 0;
  padding: 0;
}

.modal {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    color: white;
    text-align: center;
    background-color: red;
    z-index: 9;
}

.content {
    text-align: center;
    size: 20pt;
}
<html>
<body>
    <div class="modal" onClick="this.style.display='none'">Click Me !</div>
    <div class="content">Hello World !</div>
</body>
</html>