css - 影响整个内容的不透明度

Question

twitter 是如何实现这种透明度的？

在此处输入图像描述

我尝试为我的代码添加不透明度，但每个子元素都受到影响。我的目标有点像上图。我该怎么做？不透明度是正确的CSS规则吗？

score 2 · Accepted Answer

尝试使用RGBa代替opacity来达到这个效果。opacity 属性强制所有子元素也变得透明，并且没有很多简单的方法可以解决这个问题。RGBa 使元素透明，但所有子元素保持不变。

例子：

div {
   background: rgba(10, 10, 10, 0.5); 
}

RGBa 中的前三个数字代表 RGB 值中的颜色；第四个代表透明度，应该在 0.0 和 1.0 之间（类似于 opacity 属性）。

score 1 · Accepted Answer

1

背景颜色：rgba(255,255,255,.5);

于 2012-08-02T13:07:03.400 回答

score 0 · Accepted Answer

0

CSS 不透明度将始终以这种方式工作。您始终可以使用半透明 png 作为背景。

于 2012-08-02T13:07:11.707 回答

3 回答 3