css如何设置透明度？两种方法

一、css rgba()设置颜色透明度

语法：
rgba（R,G,B,A）;

RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。

rgba（)里的值的介绍：
R：红色值。正整数（0~255）
G：绿色值。正整数（0~255）
B：蓝色值。正整数（0~255）
A：透明度。取值0~1之间

rgba()只是单纯的可以设置颜色透明度，这样在页面的布局中有很多应用。比如说：让背景出现透明效果，但上面的文字不透明。设置的透明度没有继承性。

二、css opacity属性设置背景透明度

语法：
opacity: value ;

value ：指定不透明度，从0.0（完全透明）到1.0（完全不透明）。

opacity属性具有继承性，会使容器中的所有元素都具有透明度；

总结：rgba()方法与opacity方法虽然都可以实现透明度效果，但rgba()只作用于元素的颜色或其背景色（设置了rgb(）透明度元素的子元素不会继承其透明效果）；而opacity具有继承性，既作用于元素本身，也会使元素内的所有子元素具有透明度。

转自：https://www.php.cn/css-tutorial-410191.html

css如何设置透明度？两种方法相关推荐

cad标注样式快捷键_说说CAD尺寸精度设置的两种方法！
CAD尺寸精度设置,在CAD标注尺寸时,CAD尺寸精度设置的两种方法我们在CAD的标注的时候,我们会发现后面会带有0,作为一个强迫症患者,如何解决这个问题呢? 我们可以看看下面的例子: 随意的画一条线 ...
如何时重启打印机服务bat命令，打印机重启服务脚本 Win7打印机服务怎么开启 Win7开启打印机服务的设置的两种方法
重启打印机服务bat命令 @echo off echo 停止打印服务 net stop Spooler echo 重新启动打印服务 net start Spooler echo 完成!!!! paus ...
怎么启用计算机服务设置,Win7打印机服务怎么开启 Win7开启打印机服务的设置的两种方法...
如果我们连接了打印机,但是电脑中的Print Spooler打印机服务没有开启的话,就会出现打印机无法打印的情况.那么Win7打印机服务怎么开启?下面装机之家分享一下Win7开启打印机服务的设置的两种 ...
css画三角形的两种方法
css画三角形的两种方法画三角形 1 border 2 css的clip-path 画三角形 1 border <div class="left-down-small" / ...
php给点击的li设置样式,两种方法为LI列表前3行设置样式
两种方法为LI列表前3行设置样式蓝叶网站设计 2014-06-18 9789 10评论在设计网页模板的时候,为了突出信息的重要性以及美观度,我们会设置一些样式使LI文章列 ...
sketchup边线设置_SketchUp草图大师边线设置的两种方法
su边线设置在哪?草图大师边线怎么设置?针对这些问题小编将和大家分享草图大师边线设置的2种方法,感兴趣的小伙伴们快和小编一起来看看Sketchup边线设置的详细步骤吧! 草图大师边线设置的2种方法如下 ...
Linux反空闲设置的两种方法
为了增强Linux系统的安全性,我们需要在用户输入空闲一段时间后自动断开,这个操作可以由设置TMOUT值来实现.或者使用客户端工具,例如securecrt连接linux服务器,有的会出现过一段时间没有 ...
恢复出厂设置的两种方法，亲测可行
方法1 参照系统"设置"应用 1.在AndroidManifest.xml配置 <manifest xmlns:android="http://schemas.an ...
手机恢复出厂设置命令_华为手机怎么恢复出厂设置华为恢复出厂设置的两种方法...
当我们的华为手机出现一些系统错乱或感染病毒或因个人原因想让我们的手机恢复出厂设置,让手机全变得一干二净,跟我们刚买来时的状态一样,我们该去哪里操作呢,下面,让小编带大家一起了解下这方面的知识. 华为恢 ...
华为手机怎样恢复Android,华为手机怎么恢复出厂设置华为恢复出厂设置的两种方法...
当我们的华为手机出现一些系统错乱或感染病毒或因个人原因想让我们的手机恢复出厂设置,让手机全变得一干二净,跟我们刚买来时的状态一样,我们该去哪里操作呢,下面,让小编带大家一起了解下这方面的知识. 华为恢 ...

css如何设置透明度？两种方法

css如何设置透明度？两种方法相关推荐

最新文章

热门文章