css悬浮层在哪 |css设置div隐藏显示

/* 悬浮层的样式 */
.popup {
position: fixed;  /* 相对于整个窗口的位置 */
top: 50%; /* 向下偏移50% */
left: 50%; /* 向右偏移50% */
transform: translate(-50%, -50%); /* 让层水平垂直居中，也可以使用margin */
z-index: 100; /* 控制层级关系，使悬浮层在前面 */
width: 300px; /* 设置宽度 */
height: 200px; /* 设置高度 */
background-color: #fff; /* 设置背景颜色 */
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); /* 添加阴影效果 */
border-radius: 4px; /* 添加圆角效果 */
}
/* 悬浮层关闭按钮的样式 */
.close-btn {
position: absolute; /* 相对于悬浮层进行定位 */
top: 10px; /* 向下偏移10px */
right: 10px; /* 向左偏移10px */
cursor: pointer; /* 鼠标移上去变成手型 */
}
/* 给关闭按钮添加图标 */
.close-btn:before {
content: '\2715'; /* 添加一个叉号的Unicode码 */
font-size: 20px; /* 设置字体大小 */
font-weight: bold; /* 设置粗体 */
color: #ccc; /* 设置颜色 */
}
/* 鼠标移到关闭按钮上的样式 */
.close-btn:hover:before {
color: #555; /* 设置颜色变化 */
}
/* 遮罩层的样式 */
.mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,.7); /* 设置带透明度的背景色 */
z-index: 99; /* 控制层级关系，使遮罩层在悬浮层下面 */
}

以上是一个基本的CSS悬浮层样式，可以在需要使用时进行调用。需要注意的是，在实际的开发中还需要在弹出悬浮层时添加显示遮罩层的代码，并在关闭悬浮层时关闭遮罩层。