技术标签： css3
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
提示：以下是本篇文章正文内容，下面案例可供参考
示例：比如像登录界面，在登录时只能完成登录或者关闭界面才能选择其他按钮。
代码如下（示例）：
/* 遮罩层*/
.mask {
background-color: rgba(0,0,0,0.7);
/* 使用固定定位让元素撑满全屏 */
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
代码如下（示例）：
.mask .login {
width: 400px;
height: 250px;
background-color: #fff;
padding: 20px;
/* 使用绝对地位，父级元素必须有定位属性 */
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
以上想要实现遮罩层功能要选择position: fixed;和position: absolute;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>固定地位练习</title>
<style type="text/css">
/* 遮罩层*/
.mask {
background-color: rgba(0,0,0,0.7);
/* 使用固定定位让元素撑满全屏 */
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/* 登录窗口 */
.mask .login {
width: 400px;
height: 250px;
background-color: #fff;
padding: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.mask .login input {
display: block;
width: 100%;
height: 30px;
margin-bottom: 20px;
}
.mask .login button {
display: block;
width: 80%;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="text">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque voluptate molestias labore consequuntur, voluptatibus accusamus. Vero quidem reprehenderit consequuntur odit nisi, blanditiis rem assumenda recusandae quas perspiciatis rerum maiores aspernatur.
</div>
<div class="mask">
<div class="login">
<h3>学子商城登录</h3>
<hr>
<input type="text">
<input type="password">
<button>登录</button>
</div>
</div>
</body>
</html>文章浏览阅读746次，点赞24次，收藏23次。其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。下图是我进阶学习所积累的历年腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节祝大家都能得到自己心仪工作。《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！> tag。_android mvp框架搭建
文章浏览阅读4.1w次，点赞43次，收藏239次。一、差分进化算法的由来差分进化算法（Differential Evolution，DE)于1997年由Rainer Storn和Kenneth Price在遗传算法等进化思想的基础上提出的，本质是一种多目标（连续变量）优化算法（MOEAs），用于求解多维空间中整体最优解。差分进化思想来源即是早期提出的遗传算法（GeneticAlgorithm，GA），模拟遗传学中的杂交(crossover..._差分进化算法
文章浏览阅读48次。海菲骑着驴子，由东门进了大马士革城。他沿着一条叫做斯特奇的大街骑着，心中充满了疑虑和惶恐。赶集者的喧哗吵嚷声，都无法驱除他心中的恐惧。以前跟着主人的商队，浩浩荡荡地来到这里时多风光呀，如今自己孓然一人，无依无靠，前途未卜。街上兜售生意的小贩，声音一个比一个大。他骑着驴，看着鸽子笼般的店面。他经过满地摆着的摊位时，琳琅满目的铜器、银器、马具、织品、木工制品，让他看不过来，每走一步，都会有小贩上前伸出..._羊皮卷第七章内容
文章浏览阅读721次。我的android项目之前一直运行正常的，没有错误；今天看源码，svn管理的bin和gen每次都会重新编译，想把这两个目录从svn管理中去掉，然后在svn端将bin和gen目录删除了，并没有更新到本地，本地的这两个目录页没有了，然后就是src下的大片红叉，因为R文件没有了，尝试clean重新编译应该就OK了，控制台报错：Using 1.7 requires compiling wi_eclipse导入安卓项目时显示using 1.7 requires compiling with android 4.4 (kitk
文章浏览阅读4k次。近期，谷歌搜索、谷歌学术“突然”无法訪问了？我百思不得其解啊，禁不住想问一下：前辈们。你们这是要如何？我们写个论文easy吗？怒火燃尽，言归正传，事实上要解决问题也是非常easy的，原理不赘述。直接上菜。下面谨代表个人意见，大仙们有好的方法记得留言共享讨论。谢谢。方法一：改动host..._修改hosts文件,添加访问谷歌学术搜索权限
文章浏览阅读1.2k次。原文链接：https://blog.csdn.net/ligang636/article/details/42386639一、Nexus系列物理硬件1.1 Nexus 70101.2 Nexus 5K/2K1.3 N7K引擎1.3.1 Supervisor 1Supervisor 2 四核CPU，2.12Ghz NX-OS..._nexus9508安装新许可后要重启吗
文章浏览阅读6.4w次，点赞74次，收藏808次。YOLOv7训练自己的数据集(超详细)_yolov7训练自己的数据集
文章浏览阅读2.6k次。生产中的Spring云网关发现了内存泄漏，导致系统停机。内存使用量不断增加，直到内存耗尽导致以下异常：2019-05-21 09:18:24.793 WARN The connection observed an errorio.netty.handler.codec.DecoderException: javax.net.ssl.SSLException: Tag mismatch!at io...._the connection observed an error, the request cannot be retried as the heade
文章浏览阅读978次，点赞15次，收藏30次。它是Java5后新增的for语句的特殊简化版本，并不能完全替代for语句，但所有foreach语句都可以改写为for语句。foreach语句在遍历数组等时为程序员提供了很大的方便。终极手撕架构师的学习笔记：分布式+微服务+开源框架+性能优化《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！**
文章浏览阅读116次。最好每句都加注释//{{NO_DEPENDENCIES}}// Microsoft Developer Studio generated include file.// Used by MINE.RC//#define IDI_ICON 101#define IDR_MENU1 104#define IDR_MENU2 105#define IDR_MENU3 108#define ID_MENU..._idr_menu1无法找到
文章浏览阅读199次。大型RGB矩阵切换器一般作为全台或多个机房的调度中心，输入信号源多，可能有多种型号和线径的电缆，如果将各种电缆都直接接到矩阵上，安装会很不方便，也不利于维护和信号的调换。为此，外来信号可经视、音频转接板接入系统。大型RGB矩阵切换器在监控领域的应用逐渐清晰。为消除外来信号与矩阵所在机房之间的电位差，一般应选择带共模抑制的视频分配器作为矩阵输入端的分配设备。另外，输入信号转接板也要采用悬浮转接由于矩..._rgb 矩阵排列软件
文章浏览阅读1.9k次。element ui手动限制上传类型_elementui限制上传文件类型