不透明度div还有不透明度内容？

Question

HTML：：

<div id="Opacity"><span class="P">Here Is My P</span>

的CSS：

#opacity {
width:400px;
height:400px;
border:black 1px solid;
opacity:0.3;
background-color:black;
}

.P {
font-family:cursive;
font-size:24px;
color:white;
}

但输出词也是透明的。我希望word会透明，但div变得透明谢谢

Answer 1

opacity会改变整个元素的半透明度。

如果您想要半透明的背景，请将背景设置为rgba()颜色值或使用半透明背景图像。

background-color: rgba(0, 0, 0, 0.3);

请参阅some guidance on compatibility measures。