博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
背景图毛玻璃效果
阅读量:5149 次
发布时间:2019-06-13

本文共 448 字,大约阅读时间需要 1 分钟。

1、背景图片要充满其父元素。

2、其父元素一局最外层元素绝对定位并设置z-index属性与filter属性;

3、最外层元素设置一个半透明背景色。

.header{
position:relative; color:#fff; background-color:rgba(7,17,27,0.5);}.header .background{
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; filter: blur(10px);}

  

lalala

 

转载于:https://www.cnblogs.com/GaoX/p/6594578.html

你可能感兴趣的文章
基于wxPython的python代码统计工具
查看>>
淘宝JAVA中间件Diamond详解(一)---简介&快速使用
查看>>
一种简单的数据库性能测试方法
查看>>
如何给JavaScript文件传递参数
查看>>
Hadoop HBase概念学习系列之HBase里的宽表设计概念(表设计)(二十七)
查看>>
Kettle学习系列之Kettle能做什么?(三)
查看>>
电脑没有安装iis,但是安装了.NET环境,如何调试网站发布的程序
查看>>
【Mac + GitHub】之在另一台Mac电脑上下载GitHub的SSH链接报错
查看>>
Day03:Selenium,BeautifulSoup4
查看>>
awk变量
查看>>
mysql_对于DQL 的简单举例
查看>>
postgis几何操作函数集
查看>>
35. Search Insert Position(C++)
查看>>
[毕业生的商业软件开发之路]C#异常处理
查看>>
一些php文件函数
查看>>
std::min error C2059: 语法错误:“::” 的解决方法
查看>>
Opencv保存摄像头视频&&各种编码器下视频文件占用空间对比
查看>>
「图形学」直线扫描——Bresenham算法改进了中点Bresenham算法?
查看>>
jQuery 给div绑定单击事件
查看>>
Exceptionless 生产部署笔记
查看>>