前端开发中背景透明,文字不透明怎么解决

 时间:2024-10-12 00:30:58

1、首先我们将HTML的代码写出了,给出了一个简单的demo,只是实现效果,所以在样式上面可能会有些丑,还望见谅。

前端开发中背景透明,文字不透明怎么解决

2、为了使得效果明显一些我们给body增加一个颜色,请原谅我的审美,我这里给body填充了一个大红色。

前端开发中背景透明,文字不透明怎么解决前端开发中背景透明,文字不透明怎么解决

3、背景有了之后我们去设置样式,在这里我使用了background的rgba这个属性,将背景色给了一半透明,并给确定和取消增加了样式。

前端开发中背景透明,文字不透明怎么解决

4、做完上述工作后我们来运行一下我们的代码,运行结果如下图所示,很明显我们想要的效果实现了。

前端开发中背景透明,文字不透明怎么解决
  • 宝塔面板设置方法
  • 在Excel2010中如何隐藏显示工作表
  • 在Windows 7中修改计算机名和工作组名
  • QQ邮件怎么加上标签
  • 如何使用hornil将图片做成灰色色调?
  • 热门搜索
    pct是什么意思 墙壁眼睛膝盖是什么意思 scion是什么车 什么是固态硬盘 二十万左右买什么车好 反倾销是什么意思 有什么好的创业项目 rms是什么意思 rt什么意思 股票大盘是什么意思