背景透明,内容不跟随透明,使用rgba

最新推荐文章于 2021-06-19 03:09:54 发布
最新推荐文章于 2021-06-19 03:09:54 发布
阅读量329 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43875051/article/details/106156638
本文介绍了一种使用CSS的rgba属性来实现背景透明的方法，这种方法可以让背景透明而不影响盒子内文字和图片的显示清晰度。与使用opacity属性不同，rgba仅作用于背景，保持内容的完全可见。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

background： rgba；设置背景颜色透明，盒子中的内容不受透明度的影响，如果使用opacity，内容也会透明

纯前端实现图片背景透明化
ZQ13771472517的博客
05-07 1985
前言 不论是做一些2d的小游戏，或者制作小图标，或者抠图都需要用到这个功能，对图片的背景进行透明化，是我们经常需要用到的一个功能。 通常情况下我们都会去下载PS或者美图秀秀这样的软件去制作。 但是我真的不想仅仅为了做个透明图像就去下载这些软件，这些软件不仅体积大，要下载个半天，放在电脑上也占空间。 最重要的是每次我做这个事情，都需要去临时百度一下制作透明图片的方法。 这些软件固...
hyper-transparent-windows:Windows中超级终端的透明背景
05-17
Windows中超级命令行的透明背景 安装 将hyperterm-transparent-windows添加到%HOMEPATH%/.hyper.js配置文件中的插件列表中。 知道问题 不适用于主题。
CSS通过RGBa将一个元素设置为透明效果
09-25
RGBa是一种在CSS中声明包含透明效果的颜色的方法，通过RGBa，我们可以将一个元素设置为透明，而不会影响其子元素，下面有个不错的示例，大家可以参考下
css3案例之---采用rgba实现背景透明内容不透明
Focus-Fe
03-28 333
     前言：        部分内容来自doy的博客：《CSS3 RGBA不是简单的RGB与opacity相加》，感谢作者！        个人做积累学习用      正文：        前面我也有一篇简单整理过rgba，如果不熟悉的可以看看那个。        我们来看下面这个例子：   <div id="up-wrap"> 我是上面这层的文字 ...
背景色透明，文字不透明
黄彪博客
09-07 1790
背景色透明，文字不透明   在工作中遇到这么一个问题： 1、背景色透明 2、在透明背景中文字是不透明的 3、文字要水平居中   为此，我给出了两种解决办法   1、使用HTML5的 rgba() 属性配置 .demo{ padding: 25px; background-color:#000000; background-color:rgba(0,0,0,