遮罩层代码

最新推荐文章于 2021-06-01 10:02:39 发布

浮生故城

最新推荐文章于 2021-06-01 10:02:39 发布

阅读量185

点赞数

分类专栏： js效果

本文链接：https://blog.csdn.net/a1328636397/article/details/103157191

版权

js效果专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hangge.com</title>
<style>
html, body, div, span, button {
margin: 0;
padding: 0;
border: 0;
}

button {
width: 120px;
height: 30px;
color: #FFFFFF;
font-family: "微软雅黑";
font-size: 14px;
background: #28B995;
}

#mask {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background: #000000;
opacity: 0.5;
display: none;
}
</style>
</head>
<body>
<button οnclick="document.getElementById('mask').style.display='inline'">点击显示遮罩</button>
<div id="mask" οnclick="document.getElementById('mask').style.display='none'"/></div>
</body>
</html>

浮生故城

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
遮罩层代码

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>hangge.com</title> <style> html, body, div, span, button { margin: 0;...
复制链接

扫一扫

专栏目录