css中如何虚化背景图片

小编给大家分享一下css中如何虚化背景图片，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
　　代码如下：
　　

　　.mbl{
　　width:20em;
　　height:20em;
　　background:url(image/girl.jpg);
　　background-size:cover;
　　overflow:hidden;
　　margin:30px;
　　}
　　.text{
　　width:18em;
免费云主机、域名　　height:18em;
　　margin:1em;
　　background:hsla(0,0%,100%,.4);
　　color:black;
　　text-align:center;
　　overflow:hidden;
　　position:relative;
　　}
　　.text::before{
　　position:absolute;
　　background:url(image/girl.jpg);
　　background-size:cover;
　　top:0;
　　right:0;
　　bottom:0;
　　left:0;
　　content:”;
　　filter:blur(4px);
　　/*background:rgba(225,0,0,0.5);*/
　　}
　　.textp{
　　height:inherit;
　　width:inherit;
　　display:table-cell;
　　vertical-align:middle;
　　position:relative;
　　}
　　
　　
　　
　　 　　 　　图片上面的文字内容
　　

相关推荐: 如何用javascript求1-n的和

这篇文章主要介绍“如何用javascript求1-n的和”，在日常操作中，相信很多人在如何用javascript求1-n的和问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”如何用javascript求1-n的和”的疑惑有所帮助！接…