css - 如何仅在 CSS 中制作阴影、不透明的背景？

Question

出于某种原因，我不知道如何适本地设置它的样式。

或者我需要在上面使用图像吗？

这是我目前拥有的:

#hero #hero-text {
    position: absolute;
    bottom: 0px;
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
    background-color: black;
    opacity: .3;

}

#hero #hero-text p {
    color: white;
    opacity: 1.0;
}

Answer 1

简单使用

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