前言
最近做一个登陆界面的，突然想使用这种背景图片透明，而内容不透明的效果，这里我就说一说我的两个思路吧。
效果展示
半透明
不透明
常见的失败做法
最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的，严重影响视觉效果。
还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。
正确姿势
我想到两个方法，第一个就是利用伪元素::before,我们通过给伪元素添加背景并且将伪元素的设置伪元素的背景透明度来实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta cha
2023-03-08 21:16:57
194KB
1
你只要有一个图片，便可以你这张图片加个背景图片，并让这个图片半透明、完全透明、或指定颜色透明。你可以用这个做一个有背景颜色的，很酷的2维码哦！
2021-07-05 09:23:43
68KB
1