css 背景图片的虚化
css 背景图片的虚化
背景虚化时出现页面内容也被虚化的情况,使用伪类::before
body .bg {position: relative;width: 100%;height: 100%;overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;
}body .bg::before {z-index: -1;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent url("../images/commend.jpg") center center no-repeat;background-size: cover;-webkit-filter: blur(15px);-moz-filter: blur(15px);-o-filter: blur(15px);-ms-filter: blur(15px);filter: blur(15px);
}
css 背景图片的虚化相关推荐
- html css 背景图片
html css 背景图片 文章目录 html css 背景图片 视频 代码 视频 https://www.bilibili.com/video/BV1MJ411M7qi?from=search&am ...
- 利用wget 抓取 网站网页 包括css背景图片
利用wget 抓取 网站网页 包括css背景图片 wget是一款非常优秀的http/ftp下载工具,它功能强大,而且几乎所有的unix系统上都有.不过用它来dump比较现代的网站会有一个问题:不支持c ...
- css背景图片、圆角、盒子阴影、浮动
一.css背景图片 1.概述 背景是css中一个重要的的部分,也是需要知道的css的基础知识之一.这里主要介绍有关背景图片的5种常见属性,分别是: (1). background-color: rgb ...
- css背景图片添加url_CSS背景图片–如何向您的Div添加图片URL
css背景图片添加url Say you want to put an image or two on a webpage. One way is to use the background-imag ...
- [转]解决IE下CSS背景图片闪烁的Bug
[转]解决IE下CSS背景图片闪烁的Bug <P> 很多时候我们要给一些按钮或是img设置背景,而为了达到数据与表现样式分离的效果,通常背景样式都是在CSS里设定的,但是这个 ...
- html中图片太大了,css背景图片太大的坏处与解决方法
在制作网页的过程中,有时候我们为了页面的个性.漂亮,会给通过CSS给网页设置一个很大的背景图片,可是背景图片太大的话不但会给我们的访客带来一些烦恼,还会对搜索引擎不友好,导致排名的降低,实在是得不偿失 ...
- php图片背景平铺,css如何让背景图片平铺?css背景图片平铺四种方式介绍
在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度和高度大小,就可以直接将图片平铺整个页面,那么,如何让背景图片平铺呢?接下来本 ...
- php如何平铺背景图片,css如何让背景图片平铺?css背景图片平铺四种方式介绍
在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度和高度大小,就可以直接将图片平铺整个页面,那么,如何让背景图片平铺呢?接下来本 ...
- 完美的css背景图片全屏显示,能比例缩小,不留空白
简介:完美的css背景图片全屏显示,能比例缩小,不留空白,我们之前已经知道了可调整大小的背景图片的概念.但是读者DougShults发给了我一个链接,其中使用了非常酷的技术,我觉得这种技术要比之前的任 ...
最新文章
- 卧槽,面试官质疑我不会配置中心原理,看不起谁呢?
- PyQt4基本布局常用方法之addSpacing
- linux修复uefi启动文件,uefi-gpt-linux修复grub rescue
- ActiveMQ 学习(VM Transport)
- kafka 削峰_从面试角度一文学完 Kafka
- 改变UITextField placeHolder颜色、字体
- 基于 abp vNext 和 .NET Core 开发博客项目
- jvm jstat_使用jstat的JVM统计信息
- Maven 建立父子项目和跨项目调用内容的步骤
- StarkWare发布零知识证明工具链
- 背景差分检测物体,背景白点去除
- Ceph块设备(RBD)常用命令
- 华为模拟器路由器交换机远程控制
- Python 计时器倒计时弹窗提醒
- TiDB 在北京银行交易场景中的应用实践
- ORA-16032: parameter LOG_ARCHIVE_DEST_3 destination string cannot be translated
- m基于ACO蚁群优化的FCM模糊聚类算法matlab仿真
- 机器翻译评测方法——BLEU
- Windows平台调试工具:DebugView
- 2019,塞翁失马,败走麦城
热门文章
- mysql5.6.36源码安装_CentOS 7下rpm安装MySQL 5.6.36
- 信息学奥赛一本通 1100:金币 | 1969:【15NOIP普及组】金币 | OpenJudge NOI 1.5 45 | 洛谷 P2669 [NOIP2015 普及组] 金币
- 信息学奥赛一本通(2034:【例5.1】反序输出)
- 信息学奥赛一本通(2033:【例4.19】阶乘之和)
- 完全平方数(HYSBZ-2440)
- 移动路线(信息学奥赛一本通-T1194)
- 46 CO配置-控制-利润中心会计-创建虚拟利润中心
- java获取上周一_java 获取昨天,上个星期一,本月开始时间戳,怎么写呢?
- python array函数_Python bytearray() 函数
- centos 安装git_在Centos8上安装Git的方法