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

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

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

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

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

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

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

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

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

前端开发中背景透明,文字不透明怎么解决
  • 宝塔面板设置方法
  • 在Excel2010中如何隐藏显示工作表
  • 在Windows 7中修改计算机名和工作组名
  • QQ邮件怎么加上标签
  • 如何使用hornil将图片做成灰色色调?
  • 热门搜索
    印堂发黑是怎么回事 cf怎么瞬狙 稻盛和夫简介 搜索大全 豫剧戏曲大全 猜谜语游戏大全 小黄鱼怎么烧 挠脚心视频大全 小孩缺钙怎么补 qq炫舞怎么加好友