美文网首页
opacity和rgba的区别

opacity和rgba的区别

作者: 淡然7698 | 来源:发表于2018-07-31 14:19 被阅读13次

rgba

// 例子:
.box1{
    // 不限于背景颜色,可以是文字颜色,阴影等
     background: rgba(0,0,255,0.4);
}

opacity

//例子
.box2{
     background: rgb(0,0,255);
     opacity:0.4;
}

他们的区别是什么呢?

有opacity属性的所有后代元素都会继承 opacity 属性,而rgba后代元素不会继承不透明属性

相关文章

  • 关于透明度属性回顾

    关于透明度属性区别 rgba()和opacity的透明效果有什么不同? rgba()和opacity都能实现透明效...

  • 30.rgba和opacity的区别? 31.CSS属性curs

    30.rgba和opacity的区别? (1)rgba和opacity都能实现透明效果,但最大的不同在于opaci...

  • rgba()和 opacity 的区别

    opacity作用于元素,以及元素内的所有内容的透明度, 而rgba()只作用于元素的颜色或其背景色。(设置rgb...

  • opacity和rgba的区别

    rgba opacity 他们的区别是什么呢? 有opacity属性的所有后代元素都会继承 opacity 属性,...

  • rgba和opacity的区别

    说到透明度,联想到的一定是rgba和opacity啦,但是两者之间有什么区别?我们来弄清楚一下 两者之间的区别 R...

  • css:1.颜色及背景的方法

    颜色定义: opacity 透明度的属性 rgba()和opacity都能实现透明效果但是opacity是...

  • rgba与opacity的区别

    前言 sdkfh shdhfk rgba与opacity的区别,其实说了无数次了,但是我自己在重复一次吧,多多益善...

  • RGBA与OPACITY的区别

    opacity会继承父元素的opacity 属性,而RGBA设置的元素的后代元素不会继承不透明属性。简单来说就是o...

  • RGBA和OPACITY的区别&DISPLAY和VISIBILI

    大家好,我是IT修真院北京分院第23期的学员郭婷婷,一枚正直纯洁善良的WEB前端程序员。 今天给大家分享一下,修真...

  • CSS透明度之rgba和opacity的区别

    在CSS样式中,设置透明度的方式有两种。其一,opacity;其二rgba()。opacity和rgba()在一定...

网友评论

      本文标题:opacity和rgba的区别

      本文链接:https://www.haomeiwen.com/subject/wrqhvftx.html