栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

是否可以使用-webkit-filter:blur(); 在背景图像上?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

是否可以使用-webkit-filter:blur(); 在背景图像上?

将来的用户 :IE7,IE8,IE9,IE10,IE11或当前版本的EDGE不支持此功能。

除非您有备用广告,否则请勿在真实的网站上使用。

如果您正在寻找不依赖额外标记的解决方案,则可以将背景图像应用到主体上的伪元素并进行过滤。

body {    position: absolute;    top: 0; bottom: 0; left: 0; right: 0;    height: 100%;}body:before {    content: "";    position: absolute;    background: url(http://lorempixel.com/420/255);    background-size: cover;    z-index: -1;     height: 20%; width: 20%;         transform: scale(5);    transform-origin: top left;    filter: blur(2px);}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/470672.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号