CSS遮罩层样式

写bug断了电

于 2022-04-13 13:59:37 发布

阅读量555

点赞数

分类专栏： CSS样式文章标签： html5 css

本文链接：https://blog.youkuaiyun.com/fyydashen/article/details/124146488

版权

CSS样式专栏收录该内容

6 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>遮罩层样式</title>
		<style type="text/css">
			#maskDiv {
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, .5);
				position: fixed;
				left: 0;
				top: 0;
				z-index: 999;
				display: block;
			}
		</style>
	</head>

	<body>
		<div id="maskDiv"></div>
	</body>

</html>

参考博客：css-弹窗遮罩层_cswan~~的博客-优快云博客_css弹窗遮罩