设置不透明度和设置背景为 rgba(x,y,z,a) 有什么区别？ [复制]答案

【问题标题】：Whats the difference in setting opacity and setting background as rgba(x,y,z,a)? [duplicate]设置不透明度和设置背景为 rgba(x,y,z,a) 有什么区别？ [复制]
【发布时间】：2014-04-19 08:40:14
【问题描述】：

我想我得到了同样的结果。

请告诉我这个属性。

【问题讨论】：

标签： css

【解决方案1】：

它们不一样。将背景设置为透明色就可以做到这一点：背景会变得透明，但内容不会。设置不透明度会影响整个元素。

【讨论】：

【解决方案2】：

Opacity 设置元素及其所有子元素的不透明度值；而 RGBA 只为单个声明设置不透明度值。

这在这里得到了很好的解释。 http://www.css3.info/introduction-opacity-rgba/

【讨论】：

【解决方案3】：

不透明度： 使整个元素（包括其内容）透明。定义不透明度：

element{opacity:0.5}

Background rgba (Red,Green,Blue,Opacity)：它只使元素背景透明，使其内容保持原样。定义背景 rgba：背景：

  element{
   background:rgba(40, 41, 42, 0.5);
   }

在这两个地方，不透明度值从 0 扩展到 1。（其中值 1 表示完全不透明，0 表示完全透明）要将颜色的十六进制值转换为 rgb：Here

【讨论】：