Html 如何制作半透明背景

如何在元素中使用css制作半透明背景？但是里面的内容也不透明吗？对不起，英语不好。谢谢。

使用rgba背景

background: rgba(0, 0, 0, 0.5);

值的顺序为红色强度、绿色强度、蓝色强度

十进制值是不透明度，从0到1

---

如果您需要自定义它而没有太多困难，请检查：

使用

opacity

css属性。您想要半透明的背景色或图像吗？将此添加到您的css

背景色：rgba（255,0,0,0.5）

。增加或减少

0.5

以降低或提高不透明度。@MarsOne如果想要半透明背景图像，则完全不同question@Mr_Green：

opacity

将影响元素的所有内容，而不仅仅是背景。如果您所谈论的元素不是文档的

正文

，您还可以使用

不透明度：（从0到1的十进制）

@jCuber:如果它不包含图像以外的任何内容，您的意思是。但是，如果在容器上设置

不透明度：50%

，它也会淡出元素的所有内容。@cHao啊，说得对。无论如何，不透明度属性在以下情况下也很有用：）@jCuber:确实如此。即使在这种情况下，也可能有一个

：before

伪元素绝对定位和z索引，并设置其不透明度而不是容器的不透明度。但这可能是想得太多了P