<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>遮罩层1</title>
<script src="E:/jquery/jquery-lib/jquery-3.2.1.js"></script>
<!-- <link type="text/css" rel="styleSheet" href="hide1.css"> -->
</head>
<style>
.background{
width:100%;
height:100%;
background-color:rgba(32, 30, 30, 0.5);
z-index:1000;
display:none;
position:absolute;
text-align:center;
font-size: 16px;
box-shadow:0px 0px 5px black;
}
.hideBox{
z-index:1100;
width:600px;
height:200px;
background-color:white;
position:fixed;
right:30%;
top:30%;
position:fixed;
box-shadow: 0px 0px 15px black;
}
.boxText{
width:100%;
he
css实现遮罩层
最新推荐文章于 2024-05-30 16:48:43 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)