1. 对元素直接使用模糊会将其内容全部模糊掉，为了保证文字不会模糊掉需要多一个层单独应用模糊效果。
2. 模糊效果并不会应用到其背后的元素上，所以需要使用 content 区域有和背景相同的背景图并进行模糊。
假如页面有一个背景和一个透明的盒子，我们先将盒子范围内的背景截取下来，在透明盒子之后设置一个伪元素用绝对定位格式化长宽让其跟透明盒子一样大小，在将伪元素背景设置为刚刚截取的图片设置模糊、设置z-index让伪元素在透明盒子之后，在给透明盒子设置一点阴影就好了。核心代码如下
请问各位大神，CSS如何做这种像（1）玻璃透明的效果，（2）这种凹进去的黑色风格阴影分割线！谢谢了！
给您推荐相同类型的内容：
python 守护进程
一、守护进程的特性守护进程是一个在后台运行并且不受任何终端控制的进程（守护进程独立于所有终端，之所以脱离于终端是为了避免进程被任何终端所产生的信息所打断，其在执行过程中的信息也不在任何终端上显示。）二、守护进程的作用
检测qq是否在线的js代码
这个代码是腾讯官方提供的，当然是可以的，估计你是没用对<script src="http:webpresence.qq.comgetonline?Type=1&976719699:"&am
如何javascript获取css中的样式
使用css控制页面有4种方式，分别为行内样式(内联样式)、内嵌式、链接式、导入式。行内样式(内联样式)即写在html标签中的style属性中，如<div style="width:100pxheight:100px&q
javascript 中引号的使用
请用下面的代码替换原来相应位置： "<imgonmouseover="this.classname='样式1'"onmouseout="this.classnam
如何将多个js文件合并为一个js文件
将多个js文件合并为一个js文件的方法是使用查找拷贝粘贴法 ：1、打开网站主页，然后右击鼠标，选择“查看源码”。再按CTRL＋F快捷键调出搜索框，在搜索框中输入script type='textjavascript'
我的世界现在怎么防踢?花钱买方法！
一、设置领地：先用一块木头斧子左键敲击一方块设置点A，右键敲击一方块设置点B（可以输入“res select size”查看所选区域的大小）；之后输入“res create 123”（例）这样设置后，就形成了[以AB连线为体对角
手机下载云电脑的时候，手机注册，但是收不到验证码怎么办？
建议按照以下方法操作：1.重启一下手机，看是否是信号问题。2.设定-应用程序管理器-滑动屏幕选项（全部）-找到信息-点击进入，清除数据试下3.更换其他的SIM卡尝试4.检查手机是否安装了安全卫士或第三方短息软件，卸载后测试5.备份手机数据（
网站加载的js过多，打开速度很慢很慢。
1，如果是因为你的服务器的网速不快，那么你把js放到一个高速服务器或者云存储是可以的。但是如果客户端本身的网速不快，你放到哪都没用。2、缓存是很好的解决方案。如果你能使用一些公共的js源，比如客户端以前用过的来源，当打开网站的时候，就会直接
如何利用JavaScript API绘制高德地图
这里，我用的是HTML5页面进行设计的。那么，首先创建一个HTML5文件，如下图所示：接着，设置下禁止浏览器窗口大小改变地图大小，并引入地图核心JS<meta name="viewport" content=
c语言实现顺序表？
--顺序表.h#include<stdio.h>#include<stdlib.h>#include<malloc.h>#define LIST_INIT_SIZE 1
css设置表格高度自适应并添加滚动条
告诉你一个非常好用的css样式，特别好用box-sizing: border-box即使加了padding或者margin属性都会有奇效哦另外，你上面的滚动条改为overflow: auto至于高度百分比问题，需要设置一下：htm
如何使用无线网卡？
无线网卡的方法，首先点击桌面上的”此电脑“，然后点击“打开设置”，点击“网络和Internet"，选择“更改适配器选项”，点击电脑右下角的无线网络按钮，连接成功后，重新打开“更改适配器选项”就完成了，以win10笔记本电脑为例，具
聊聊JS控制css样式的几种方法
JS控制css样式的几种方式我们在js的工作学习中总会遇到一些不轻易通过style属性动态加载css样式的情况(eg:伪类的样式控制,动画的样式控制)，这里总结一下js改变样式的几种方法： 1，通过style属性或者setAtt
苹果电脑怎么切换中文打字
在苹果电脑键盘输入法中选择简体拼音，点输入法图标切换为中文即可，以下是具体的操作步骤。工具／原料：MacBookAir、macOS10.15.7。1、进入键盘页。打开苹果电脑系统偏好设置，进入“键盘”设置界面。2、打开输入法页。在键
app怎么做选中效果
css里面做。app的选中效果不是超链接就是功能按钮，这些选中的效果都是由css来操作的，可以加各种效果。CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元
css怎么默认打开第一个一级菜单
给所有的选项卡添加style ： display：none；然后写一个class： .on{display: block}将这个class给第一个选项卡。用js或者jQuery写：当鼠标移动到选项卡上方时，给该选项卡添加class（.on）
CSS之background深度详解
background 是CSS中一个常用的属性，用来修改某个元素的背景； background 拥有8种属性，常用的是前5种，分别为： 简写模式： background:#eee url() no-repeat centerc
Js注入检测函数咋办
答：首先要截获检测函数的动态代码，动态执行js代码有两种方法，一是eval，二是function。现在很多网站都上了各种前端反爬手段，无论手段如何，最重要的是要把包含反爬手段的前端javascript代码加密隐藏起来，然后在运行时实时解密动
asp.net中如何引用js的几种方式
asp.net中如何引用js的几种方式一、在cs中直接加入js代码<script>function settext(){......}<script>二、引用js文件可以在aspx文件加入：
如何通过js跨域获取其它页面内容值
用js向这个页面主动发起一个请求不就可以获取这个页面的内容了吗？以用jquery发起一个post请求为例，假设你要获取的页面是http:www.baidu.coma.html:$.post('http:www.baidu
五星级酒店kr，js，dk，tr，gr分别表示什么房型
应该是不同国家的装修风格吧。kr是Korea韩国，dk-丹麦(Denmark),tr-土耳其(Turkey) ，gr可能是德国Germany但是德国缩写应该是DE,js就实在不知道了反正不是日本japan一些常用的：ST Stand
CSS如何怎么设置div边框颜色宽度和高度？
CSS设置div边框颜色宽度和高度步骤如下：1、新建一个html文件，创建一个类名为wrap的div。2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。3、通过div 的borde
怎样用CSS样式在文字下面加下划线
给需要添加下划线的元素应用如下css样式即可text-decoration: underline示例如下：给需要添加下划线的元素一个标记，这里设置为一个名叫underline的类<h2>我不加下划线<h
适配css大屏宽屏字号变扁了怎么办
下载驱动精灵以后检测安装驱动。css是层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言，适配css大屏宽屏字号变扁了下载驱动精灵以后检测安装驱动即可。css的主要使用场景就是美化网页，布局页面的。属性和属性值用冒号隔开，以分
javascript如何取数组长度
通过数组的length属性获取数组长度示例<script> var arr=['1','2']定义一个js数组 alert(arr.length)使用数组名.l
正弦交流电的三种基本表示方法是什么
正弦交流电常用的表示方法有3种：解析式表示法、波形图表示法和旋转矢量表示法。（1）解析式表示法u=Umsin（ωt+φ）或i=Imsin（ωt+φ）式中 u——交流电压； Um——电压的幅值； i——交流电流； Im——电流的幅
券商代码查询
1、（1）去证券行开户的证券卡看，上面有写，就是你券商在交易大厅的座席或者（2）可以打该证券公司的客服去询问。（3）手机或者电脑直接查询2、券商就是我们常说的证券公司，也就是专门从事有价证券经营业务的有限责任公司或者股份公司。这类公司一般分
css如何实现让文字透明
方法是可以实现是，就是在链接a中的abc前后加一个span标签就可以了。下面是完整的代码。<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN&qu
如何修改子网掩码?
如何更改电脑的子网掩码 话不多说，看图，祝你成功自己设置IP时，子网掩码怎么设置？ 一般情况下: IP 192.168.1.XXX (XXX是从2到254任意数)子网掩码:255.255.255.0 (默认会自动填写)网
js 随机函数
在写js中，我们经常遇见 js 随机函数，总结一下最近写验证码的时候 用到过的js 随机函数 Math.random()结果为0-1间的随机数（包括0，不包括1） Math.floor( n )参数为Number 类型 ，函数结果