css实现背景虚化，总结拼多多美团前端面试经验

//这个div就是显示的内容块，也就是我的logo和登录框

CSS代码：

.login-container{

position: relative;

width: 100%;

height:100%;

//利用flex布局让内容content模块垂直居中

display: flex;

flex-direction: column;

}

.beijing{ //背景图样式

width: 100%;

height: 100%;

position: absolute;

left: 0px;

top:0px;

background: url(‘…/…/…/static/img/timg (1).jpg’);

background-repeat: no-repeat;

background-size: cover;

-webkit-filter: blur(10px);

-moz-filter: blur(10px);

-o-filter: blur(10px);

-ms-filter: blur(10px);

filter: blur(10px);

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，