backdrop-filter
代码示例
<div style="background-image:url(img/a.jpg);width: 100%;height: 100%;"></div>
<div style="backdrop-filter: blur(10px);background-color:rgba(255, 255, 255, 0.3);position: absolute;width: 200px;height: 200px;top: 30px;left: 500px;">
毛玻璃
</div>
<div style="background-color:rgba(255, 255, 255, 0.5);position: absolute;width: 200px;height: 200px;top: 240px;left: 500px;">
对比
</div>
效果图
说明
火狐浏览器不支持,具体见详情。