CSS透明度的使用rgba和opacity的区别
rgba和opacity的使用
1、opacity
取值在0到1之间,0表示完全透明,1表示完全不透明。。aa{opacity:0。5;}
2、rgba
rgba中的R表示红色,G表示绿色,B表示蓝色,三种颜色的值都可以是正整数或百分数。
A表示Alpha透明度,取值01之间,类似opacity。。aa{background:rgba(255,0,0,0。5);}rgba和opacity的区别
rgba()和opacity都能实现透明效果,最大的不同是opacity作用于元素,以及元素内的所有内容的透明度,而rgba()只作用于元素的颜色或其背景色(设置rgba透明的元素的子元素不会继承透明效果)。
比如,我们写透明的黑色部分都是用opcity(0。5),但这带出来一个问题就是如果你在这一p上写字的话,然后那个字体也会变成透明色。
所以我们要采取rgba的样式写,前面三个数字分别对应r,g,b这三种颜色,第四位的数字对应的是透明的系数。
举例:
给外面一个p红色背景,并设置它的透明度为0。5,给里面的p颜色为绿色,并加上文字。
代码如下:!DOCTYPEhtmlhtmlheadmetacharsetUTF8titletitlestyletypetextcss。a1{width:200px;height:200px;background:red;opacity:0。5;}。a2{width:200px;height:50px;background:008000;fontsize:30px;}styleheadbody今天心情不好bodyhtml
效果如图:
看图显而易见,给外面的p设置了opacity为0。5后,里面的p和文字的透明度都改变了。
这肯定不是我们想要看到的,我们用rgba设置透明度,看看效果,其他代码不变,只将外面p的opacity换成rgba。。a1{width:200px;height:200px;background:rgba(255,0,0,0。5);}
效果如图:
看看,这个是不是正常了。
一句话总结:
opacity会继承父元素的opacity属性,rgba不会继承。
国产手机中,真正用心做手机的有哪些品牌?在国产手机中,真正用心做手机的品牌有哪些?可能十个人里面就有十个不同的品牌,那么我来谈谈我心目中,现如今真正用心用手机的品牌。很多人可能会说是华为手机,这点我不否认,但是我认为真正
现在好多人都说华为手机好,为什么华为手机没苹果卖的好呢?这个问题不是一个好问题,而是一个蠢问题如果单纯看销量的话,华为手机N年前就已经超过苹果了,只是在遇到制裁后导致出货量暴跌,导致销量不及苹果。如果看利润的话,华为手机从来就没有对苹果
现在买骁龙870,8256的手机还能用五年吗?保护得当五年后肯定能用的,聊聊微信玩玩小游戏不在话下,五年的变化太大了说不定你就发了呢,到时你就不是玩手机了是玩车和表微笑骁龙870和上一代骁龙旗舰865性能差不多!我们只需要看看
华为手机可以隔空操作你信吗?你会因为这个买华为吗?无聊的话题。你买一部用一下不就明白了吗?哈哈,这个肯定是真的,通过前置设备感应,主要是在用户不便操作的时候使用,根据趋势后续很多手机会有此功能。不过华为是国货,强烈支持!!严重支持
三星的手机处理器为什么除了之前魅族用过其它厂家不用?魅族之前一直是三星的国内合作伙伴,而且合作的深度不浅。况且三星也需要一个国内的厂商为自己的产品做代言,这样两家就一拍即合了。可惜三星的CPU一直都不给力发热量严重,而且性能随着发热
什么食物是绝佳的暖宫神器?暖宫的食物薏仁红豆莲子汤用料红豆200g莲子200g薏米100g水适量枸杞适量做法1准备好薏米红豆莲子,三种食材洗干净2加适量水放高压锅中大火煮开后小火煮20分钟320分钟后再放适
企业经过税务筹划后有什么益处?好处一节约企业成本中国是法制社会,税收是一种强制性的义务,这是每个企业都无法逃避的义务,交纳一定的税务是企业的义务。一个企业想要获得最大的利润就必须要将支出的费用降到最低,而税收就
幼儿营养粥的做法有哪些?不知道你家宝宝现在多大了,给你总结一下我之前做过的营养粥!!!先看下成品具体的食谱放在后面啦大家感兴趣的可以存下来哟!!!养胃山药粥紫薯大米粥香菇青菜粥红枣双米粥西蓝花鳕鱼粥番茄蛋
酸菜有营养价值吗?导读酸菜通常是用白菜和芥菜做出来的,也可以用青菜萝卜苗较嫩的南瓜藤等做酸菜。优质酸菜颜色自然,叶子为淡黄色至深黄褐色,梗子为半透明的白色至深黄色,闻起来有自然的酸味和发酵香气。在做
为什么说买雷克萨斯570的是有钱人,买路虎的不一定是有钱人?一个开劳斯莱斯宾利,迈巴赫,法拉利,迈凯轮,阿斯顿马丁的人欠债几亿甚至几百亿,每天都徘徊在生与死边缘艰难的度日。一个开奔驰G63兰博基尼的人欠债几千万甚至上亿,夜夜笙歌却提心吊胆的
为什么女人容易得尿路感染?我是助健康之完美张医生,是一名执业医师,每天都会更新健康小知识,如果想了解更多,记得关注我哟!女性确实容易得尿路感染,在尿路感染的病例当中,女性患者基本上可以占到一多半。今天我们来
羊绒大衣不含羊绒?这些成分,都是啥?冬季来临,毛呢大衣进入热销季近日,记者探访毛呢大衣市场发现当前市场上销售的毛呢大衣面料成分多样除传统的羊毛羊绒外羊驼毛澳毛牦牛绒马海毛骆驼绒等也较为常见面对如此繁多的面料成分,消费
这才是赫本反油腻的秘诀永远端庄的体态越来越得体的打扮玫瑰也许会凋零,但人们永远不会忘记玫瑰的艳丽和芬芳。奥黛丽赫本就是这样一朵优雅迷人的玫瑰,每当看到这个名字,人们总会怀念起她的气质与美丽。如果说谁身上绝对不会有油腻感,那一定便是奥
阅己,越己,悦己阅己,认清自己,才能重建生活我们一直寻找的,却是自己原本早已拥有的。聪明的人会看到自己的缺点,愚蠢的人却只看到自己的优点。庸人自扰,智者自渡,我们要明白,这世界上眞正的解忧人是自己
十年来你的人生有哪些让你印象深刻的回忆与故事2022生机大会我想起了我的一个故事,也并不算特别,只是十六岁那年,认识一个男孩,他与我现在相识十几年,初恋9的开始自不必多说,情节也许不再重要,但是,我知道他在我以后人生中都会以
俄媒评述中阿传承历史共创未来俄罗斯独立报12月9日刊登题为北京决定依靠阿拉伯兄弟的文章,文章指出,海湾国家和中国应当更加紧密地合作,而且不仅是在能源领域这是中国国家主席习近平向阿拉伯国家发出的信号。文章说,习
未来看未来丨阵阵鸣笛声,满满致富经原标题未来看未来阵阵鸣笛声,满满致富经编者按党的二十大报告指出,要加快建设交通强国。这是以习近平同志为核心的党中央立足国情着眼全局面向未来作出的重大战略决策。即日起,未来网评论部推
未来三天冷空气活动频繁我国中东部地区气温将一路走低中央气象台监测数据显示,过去10天全国大部气温明显偏低,并且降水偏少。未来10天,这种天气状况将持续。预计今明两天,一股弱冷空气会给长江以北的地区带来46的降温,局地降温可达8。气
评我之力塑青春中国之未来青年,你什么样,中国就什么样!以新时代新征程新青年为主题的2022好评中国网络评论大赛持续进行中。广大青年执笔绘心抒情,用一篇篇沾泥土带露珠冒热气的优秀作品,描摹时代细节讲好中国故
回响中国杭州公共自行车引领绿色出行编者按公共自行车(或称共享单车)是一种能让大众租赁自行车的服务,它在城市区域内以平价租赁的方式,让民众用自行车替代公共交通或私家车来进行短程通勤,从而解决最后一公里问题。如今,公共
杭州招商引资三十年一座产业之城崛起背后的时代印记2003年8月13日,坐落于上海外滩的威斯汀大饭店内,迎来了一批特殊的客人。在这里,普华永道受杭州委托给外国驻上海总领事和商务参赞跨国公司驻上海代表,以及来自杭州的党政要员百家民营
常州这所乡村小学培养学生做菜现代快报讯(通讯员石磊记者陆文杰文摄)常州市金坛区河头小学自2019年启动食育好品相,做人有品位品格提升项目,通过饮食相关过程进行的德智体美劳等各方面教育,培养学生健全的人格和丰富