css透明度之opacity与rgba

在前端开发中,写css的时候要设置透明度有两种方法

  1. opacity
  2. rgba

这两个方法在一定程度上没有区别,但又有一点点区别

opacity

opacity ==> 不透明度

opacity 属性指定了一个元素的不透明度。换言之,opacity 属性指定了一个元素后面的背景的被覆蓋程度。

当 opacity 属性的值应用于某个元素上时,是把这个元素(包括它的内容)当成一个整体看待,即使这个值没有被子元素继承。因此,一个元素和它包含的子元素都会具有和元素背景相同的透明度,哪怕这个元素和它的子元素有不同的 opacity 属性值。

取值范围

取值范围是0到1之间的数字,0表示完全透明,1代表不透明

语法

.box {
opacity: 0.5;
}

<< · Back Index ·>>

发表回复

相关推荐

揭秘阿里巴巴、腾讯、百度头部大厂的职位层级和薪酬待遇标准

揭秘阿里巴巴、腾讯、百度头部大厂的职位层级和薪酬待遇标准

· 1分钟前

白磷和红磷的区别是什么

磷的化学符号是P,为第15号化学元素,磷存在于人体所有细胞中,我们的骨骼和牙齿更是需要磷的存在,磷元素几乎参与所有生理 ...

· 5分钟前

韩剧分享| 《成人练习生》3-5集,男主角的身材让人喷鼻血!!牛奶巧克力CP我磕疯了!!

关注微信公众号:被秀梅君掐住的后颈,每周推荐好听的音乐和好看的韩剧!!

· 7分钟前

干货|2021年英语专升本真题及答案,建议收藏|2021年英语专升本真题及答案

【限时免费领取!】最新专升本英语上岸资料包

· 9分钟前

《權力的遊戲》人物評:小惡魔提利昂

征服272年,瘋王伊利斯二世在君臨舉行宴會,接見提利昂的母親喬安娜,並趁著酒醉,調戲瞭這位美麗的凱巖城公爵夫人。瘋王對喬...

· 12分钟前