rgba和opacity的透明何不同?_高先生的猫的博客-程序员宝宝

技术标签: CSS  前端面试之道  

R:红色值。正整数 | 百分数
G:绿色值。正整数 | 百分数
B:蓝色值。正整数 | 百分数

A:Alpha透明度。取值0~1之间。取值 为0表示完全透明,取值为1时表示完全不透明。

rgba()和opacity都能实现透明效果,但区别在于

rgba()只作用于元素自身的颜色或背景色,对元素的内容没有影响;

opacity在作用于元素自身的颜色或背景色的同时,也作用于元素内的内容的透明度

 

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/z591102/article/details/105533194

智能推荐

FastDFS 集群安装过程_LSSSSSS的博客-程序员宝宝

集群安装 生产环境 最好跨网段 跨机房 跨地域进行配置,以防万一: 192.168.1.173 tarcker-group1 192.168.1.174 tarcker-group2 192.168.1.175 storage-group1-1 192.168.1.176 storage-group1-2 192.168.1.177 storag...

iOS Block 底层原理_Li.CQ的博客-程序员宝宝

Block 结构体写法struct __block_impl { void *isa; int Flags; int Reserved; void *FuncPtr;};struct __main_block_impl_0 { struct __block_impl impl; struct __main_block_desc_0* Desc; int ag...

浅析Ruby中的methods,private_methods和instance_methods_self-motivation的博客-程序员宝宝

首先,methods,private_methods是Object类的实例方法;instance_methods是Module类的实例方法。我们先来看看这样安排的原因:我们知道一个Ruby对象所能调用的方法包含在其祖先链中(包含这个对象的单例类).这里所说的Ruby对象可以分为2类,一类是普通对象,像"abc",2,obj=Object.new这种对象,它们所属的类分别是String,

linux grep命令(linux在文件中搜索内容)_dongfeng2269的博客-程序员宝宝

1.作用Linux系统中grep命令是一种强大的文本搜索工具,它能使用正则表达式搜索文本,并把匹 配的行打印出来。grep全称是Global Regular Expression Print,表示全局正则表达式版本,它的使用权限是所有用户。2.格式grep [options]3.主要参数[options]主要参数:-c:只输出匹配行的计数。-I:不区分大 小写(只适用于单字符)。...

spring-data-redis源码分析_IT_liangchaowei的博客-程序员宝宝

简介spring-data-redis提供了redis操作的封装和实现。RedisTemplate模板类封装了redis连接池管理的逻辑,业务代码无须关心获取,释放连接逻辑。spring redis同时支持了Jedis,Jredis,rjc 客户端操作。spring redis 源码设计逻辑可以分为以下几个方面:Redis连接管理:封装了Jedis,Jredis,Rjc等不同redis...

Android Room 实现简单的增删改查(一)_android实现用户信息修改_Android_1314的博客-程序员宝宝

@Insertvoid addUser(User user);//修改@Updatevoid updateUser(User user);//删除@Deletevoid deleteUser(User user);//获取[email protected](“SELECT * FROM user WHERE userName=:userName”)User getUser(String userName);//查询@Query(“SELECT * FROM User”)List getUsers

随便推点

关于华为交换机配置sshkey免密码登陆_weixin_34343000的博客-程序员宝宝

1 在客户端生成公钥和密钥ssh-keygen一直回车,在~/.ssh目录下会生成公钥和私钥文件2 对公钥进行转换使用命令ssh-keygen -f .ssh/id_rsa.pub -e -m pem | grep -v '\-\-\-\-' | base64 -d | xxd -p这个是为了将原本的openssh的公钥转为ssh2.0的公钥,因为貌似现在的Linux发行版默...

Java数据结构-数组_清欢渡_丶的博客-程序员宝宝

基础知识:1、HotSpot虚拟机中,如果对象是一个Java数组,那在对象头中会保存一块用于记录数据长度的数据,从数组的元数据中无法确定数组的大小。2、对象的内存布局:对象头,实例数据,填充数组:对于一个原始类型的数组,一般需要24字节的头信息再加上保存值所需要的内容。24字节的头信息分别包含:1、对象开销 --16字节2、用于保存长度 --4字节3、填充字...

大恒MER-030工业相机+linux+opencv+clion-简易开发:让视频小窗跑出来_大恒相机cmake开发_thepoorann的博客-程序员宝宝

大恒工业相机usb2.0简易开发(一)前言clion配置主函数代码CTimeCounter.h前言由于官方的sdk里的sample并没有详细写结合opencv开发的一些内容,在此做下入门记录,目标是在clion环境下,实时输出视频小窗。另外,在使用过程中,发现GxRegisterCaptureCallback(注册回调函数)和GxUnregisterCaptureCallback(注销回调函数)不能用,不知道为什么,待解决,在之后的代码中我是用GxGetImage来写的最终效果:clion配置

uibttton 的setImageEdgeInsets setTitleLabelEdgeInsets 的使用_baixiuyan0001的博客-程序员宝宝

UIButton内有两个控件titleLabel和imageView,可以用来显 示一个文本和图片,这里的图片区别于背景图片。给UIButton设置了title和image后,它们会图片在左边,文本在图片右边显示。它们两个做为 一个整体依赖于button的contentHorizontalAlignment居左居右或居中显示。 1.当button.width < im...

spring cloud config分布式配置中心的高可用_牛奋lch的博客-程序员宝宝

在前面的博客中,我们实现了配置文件统一管理的功能,但是我们可以发现,我们仅仅只用了一个server,如果当这个server挂掉的话,整个配置中心就会不可用,下面,我们就来解决配置中心的高可用问题。下面我们通过整合Eureka来实现配置中心的高可用,因为作为架构内的配置管理,本身其实也是可以看作架构中的一个微服务,我们可以把config server也注册为服务,这样所有客户端就能以服务的方式进

推荐文章

热门文章

相关标签