Css Div背景半透明，而不是内容？

我试图制作一个背景半透明但内容完全不透明的div。以下是我所拥有的：

#mydiv { 
 color: #FFFFFF;
 width: 900px;
 height: 140px;
 border: 0px;
 border-radius: 15px;
 background: #000000;
 opacity: .2;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

---

CSS有什么方法可以做到这一点吗？

所有的孩子最多都和他们的父母有相同的透明度。这意味着，如果div的不透明度为0.2，则其子对象的不透明度为1将等效于0.2

div1 opacity = 0.2
  div2 opacity = 1
    div3opacity = 0.5

意思是：

div1 --> real opacity = 0.2 == 0.2
div2 --> real opacity = 0.2 * 1 == 0.2
div3 --> real opacity = 0.2 * 1 * 0.5 == 0.1

---

所有子项最多将具有与其父项相同的透明度。这意味着，如果div的不透明度为0.2，则其子对象的不透明度为1将等效于0.2

div1 opacity = 0.2
  div2 opacity = 1
    div3opacity = 0.5

意思是：

div1 --> real opacity = 0.2 == 0.2
div2 --> real opacity = 0.2 * 1 == 0.2
div3 --> real opacity = 0.2 * 1 * 0.5 == 0.1

尝试使用以下方法：

background-color: rgba(255, 0, 0, 0.2);

有关

rgba（）

的更多信息请尝试使用以下方法：

background-color: rgba(255, 0, 0, 0.2);

---

是有关使用CSS3颜色属性的更多信息

background-color:rgba(0,255,0,0.5);

---

使用CSS3颜色属性

rgba

background-color:rgba(0,255,0,0.5);

除了CSS3 rgba规则之外，还有一种方法是创建一个只有10%不透明度的纯色png。将其用作背景图像，如下图所示

X X

（上面是一个10%的白色png）

要做到这一点（除了CSS3 rgba规则之外）的一个技巧是创建一个只有10%不透明度的纯色png。将其用作背景图像，如下图所示

X X

---

（上面是一个10%的白色png）

请参见

rgba（）

colors:这些答案多么不同！请参见

rgba（）

colors:这些答案有多么不同！这真的很好，但我认为他们应该坚持0到255之间的

a

，因为一致性这真的很好，但我认为他们应该坚持0到255之间的

a

，为确保一致性，

opacity:.2

将使div及其所有子项半透明

opacity:.2

将使div及其所有子项半透明