微信打卡小程序怎么做_小程序页面_免费的小程序_免费微信小程序模板库_微信小程序源码下载
当前位置:建站首页 > 新闻资讯 > 常见问题 >

css3如何完成一般情况模糊不清实际效果

发表日期:2021-04-08 03:12文章编辑:jianzhan浏览次数: 标签:    

以便美观大方不可以使情况前的文本模糊不清,而filter特性会使这全部div的子孙后代而且还会继续出現白边。换句话说没法做到这一实际效果。如何办呢?大家可使用伪原素,那样大家也顺带处理了白边的难题。

完成构思:

在父器皿中设定情况,而且应用相对性精准定位,便捷伪原素重合。而在:after中只必须承继情况,而且设定模糊不清,肯定精准定位遮盖父原素就可以。那样父器皿中的子原素即可不会受到模糊不清度危害。由于伪原素的模糊不清度不可以被父原素的子代承继。

html合理布局

div  >css编码:

/*情况模糊不清*/     width:100%;     height:100%;     position: relative;     background: url( ../image/banner/banner.jpg ) no repeat fixed;     padding:1px;     box sizing:border box;     z index:1; .bg:after{     content:  ;     width:100%;     height:100%;     position: absolute;     left:0;     top:0;     background: inherit;     filter: blur(2px);     z index: 2; .drag{     position: absolute;     left:50%;     top:50%;     transform: translate(-50%,-50%);     width:200px;     height:200px;     text align: center;     z index:11;
发布评价 撤销回应

呢称*

E-mail*

网站

下一次发布评价时,请在此访问器中储存我的名字、电子器件电子邮件和网站


码源站清理 关心码源站试一下查询全新清理信息内容 © 2020 码源站 粤ICP备号-5
相关新闻

手机微信公共性服务平台认证插口JAVA完成

您如今的部位: >> 手机微信开发设计 >> 开发设计技术性新闻资讯 开发设计技术性新闻资讯手...

日期:2021-04-07 浏览次数:52

互连网烂漫现实主义:如何经营好交朋友服务平台

当今部位:企业 => 制造行业新闻资讯 => 制造行业新闻报道 => 互连网烂漫现实主义:如何经营好...

日期:2021-04-06 浏览次数:162

基本建设网站的步骤有什么?实际是如何的?

基本建设网站的步骤有什么?实际是如何的? 访问: 品创互联网 基本建设网站的步骤有什么...

日期:2021-04-02 浏览次数:80

如何才可以使营销推广型网站为公司充分发挥经

在这里个全新信息内容化的时期,公司宣传策划营销推广型网站的总数比比皆是,但是可以被...

日期:2021-03-30 浏览次数:200

1个及格的商城网站-如何选定h5游戏营销推广主题

机遇留给有准备的人 这句话,我们耳熟能详,在开展h5小游戏营销活动时,也应把握时机,准...

日期:2021-03-26 浏览次数:199

手机上企业网站建设规格是如何明确的?

手机上企业网站建设规格是如何明确的?随着下手机网上友的巨曾以及每一个手机上运用服务...

日期:2021-03-25 浏览次数:66