在做前端开发的时候我们在做弹窗处理时经常会遇到这样的场景，就是背景是透明的，但是文亨蚂擤缚字却不透明，其实我们可以用好几种方法进行实现，接下来我们就先试一下。
工具/原料
前端开发工具
方法一
1、首先我们将HTML的代码写出了，给出了一个简单的demo，只是实现效果，所以在样式上面可能会有些丑，还望见谅。
2、为了使得效果明显一些我们给body增加一个颜色，请原谅我的审美，我这里给body填充了一个大红色。
3、背景有了之后我们去设置样式，在这里我使用了background的rgba这个属性，将背景色给了一半透明，并给确定和取消增加了样式。
4、做完上述工作后我们来运行一下我们的代码，运行结果如下图所示，很明显我们想要的效果实现了。
其他方式
1、方法二和方法一的实现方式基本一样，不过我们使用的不是筠续师诈rgba而是使用的另一个属性：hsla(0,0%,100%,.5)，利用的是三原色来实现。
2、除了上述的两种方式我们还可以采用一种笨方法，就是写一个空的div当做背景。然后在这个背景上面填充，需要用到定位，实现比较复杂，不建议使用。
